6 روش جلوگیری از اشتباهات رایج در پیاده سازی AMP
همچنان که صفحات شتاب دهنده موبایل (AMP) روز به روز رونق بیشتری می گیرند، ما متوجه برخی اشتباهات متداول در زمان انتشار صفحات AMP شدیم. در این مقاله، لیستی از گام هایی را خواهید دید که باید برای جلوگیری از آسیب رسیدن به صفحات AMP و کسب اطمینان از اینکه برای خوانندگان خود تجربه ای عالی از صفحات AMP رقم می زنید، انجام دهید.rn
- rn
- فقط فایل های معتبر AMP را منتشر کنید rn
این اعتبارسنج را می توانید با افزودن "#development=1" به URL صفحه AMP اجرا کنید. برای مثال:
https://ampbyexample.com#development=1
می توانید نتیجه اعتبارسنجی را در Javascript console مرورگر خود ببینید:
rn
- rn
- از متادیتای صحیح استفاده کنید rn
استفاده از ابزار Structured Data Testing Tool روشی عالی برای آزمایش این است که آیا متادیتای موجود در فایل های AMP شما صحیح است یا خیر. اطمینان حاصل کنید که در فیلتر "All data"، "AMP Articles" نشان داده می شود و همه چیز سبز است. اینجا مثالی از این مورد را می توانید مشاهده کنید.rn
- rn
- اطمینان حاصل کنید که صفحات AMP شما را می توان پیدا کرد rn
<link rel="canonical” href="http://example.ampproject.org/article.html" />
و مسئله مهم این است که باید از ورژن canonical (و هر جایگزینی) به فایل های AMP خود لینک دهید:
<link rel="amphtml" href="http://example.ampproject.org/article.amp.html" />
در غیر این صورت، پلتفرم های واسطه قادر به پیدا کردن صفحات AMP شما نیستند.rn
- rn
- به Crawler ها یا خزنده ها امکان دسترسی به فایل های AMP خود را بدهید rn
- rn
- در فایل txt، برای خزنده ها ممنوعیت دسترسی ایجاد نکنید: rn
User-agent: *Disallow: /amp/ <= don't!rn
- rn
- متا تگ robots noindex را به فایل های AMP HTML اضافه نکنید: rn
<meta name="robots" content="noindex" /> <= don't!rn
- rn
- در تیتر X-Robots-Tag HTTP فایل های AMP خود، نوایندکس را وارد نکنید: rn
$ curl -I http://www.example.com/amp.html
HTTP/1.1 200 OKDate: Tue, 25 May 2010 21:42:43 GMT(…)X-Robots-Tag: noindex <= don't!(…)rn
- rn
- با استفاده از Google AMP Cache، بررسی کنید صفحات AMP شما به خوبی بارگذاری می شوند rn
بارگذاری صفحات AMP با استفاده از Google AMP Cache ساده است. Google AMP Cache URL بسته به اینکه آیا URL سورس در HTTP یا HTTPS موجود است یا خیر، ساخته می شود:rn
- rn
- HTTP: https://cdn.ampproject.org/c/AMP_URL_WITHOUT_SCHEME rn
- HTTPS: https://cdn.ampproject.org/c/s/AMP_URL_WITHOUT_SCHEME rn
https://cdn.ampproject.org/c/s/ampbyexample.com
وقتی صفحات AMP خود را با Google AMP Cache بارگذاری می کنید، با استفاده از ابزارهای توسعه دهنده موجود در مرورگر خود بررسی کنید که تمامی منابع خارجی، شامل تمامی موارد زیر با موفقیت قابل بارگذاری باشند:rn
- rn
- تصاویر rn
- ویدئوها rn
- Endpoint های تحلیلگر (amp-analytics) rn
- Endpoint های amp-pixel rn
- فونت های خاص rn
- Iframe ها rn
- rn
- ورژن یکسانی از صفحات AMP خود را به همه نشان دهید rn