طراحي سايت با AMP

اگه اهل كار كردن با اپليكيشن‌هاي مختلف و معتبر بوده باشيد حتما تاحالا با يكي از اين اپليكيشن‌هاي amp سرو كله زديد و خودتون ازش خبر نداريد! و مطمئنم پس از خوندن اين محتوا يه ليست بلند از اين اپليكيشن‌ها تو ذهنتون نقش ميبنده! پس با در ادامه‌ي مطلب همراه باشيد

در واقع طراحي سايت  AMP يه  تكنولوژيه كه ميشه با استفاده از اون هر صفحه‌اي از وب سايت‌ رو براي موبايل بهينه كرد. اين بهينه سازي به منظور افزايش سرعت بارگذاري صفحات روي موبايله. از سال 2016 به بعد گوگل طراحي سايت  AMP رو در نتايج جستجو‌هاي خودش قرار داده و صفحاتي كه از اين قابليت پشتيباني ميكنن به صورت ويژه نشون داده ميشن. 

AMP رو  ميشه پروژه اي براي طراحي صفحات وب سايت در موبايل  تعريف كرد. در واقع در طراحي سايت  AMP صفحات به صورت ويژه براي موبايل ها طراحي ميشن تا با سرعت بالاتري روي گوشي‌هاي موبايل بارگذاري بشن. اين پروژه توسط گوگل پشتيباني ميشه و يك پروژه آزاده. 

لزوم طراحي سايت  AMP و مزيت هاي اون

 طراحي سايت  AMP اين قابليت رو ايجاد مي‌كنه كه دستورات اضافي در سايت‌ها حذف بشن، در نتيجه با سرعت بالاتري روي گوشي‌هاي تلفن همراه بارگذاري ميشن . كد هاي اي ام پي سنگين نيستن و در واقع چند برچسب و محدوديت به كدهاي html اضافه مي كنن كه با استفاده از اين برچسب‌ها و محدوديت‌ها سايت‌ها سريعتر روي گوشي‌هاي تلفن همراه اجرا ميشن. در اين حالت محتواهاي تبليغاتي از روي سايت‌ها حذف شده و محتواهاي متني سريعتر لود ميشن.

براي طراحي سايت با  AMP  بايد طبق مراحل زير پيش رفت :

•   ساختن صفحه AMP Html

قطعه كد‌هاي AMP در كنار كدهاي html قرار مي‌گيرن. ممكنه كد‌هايي كه براي هِدِر سايت نوشته ميشن كمي بيشتر باشه، اما اين كدها ديده نمي‌شن.

•   ساختن تگ تصوير

با استفاده از اكثر تگ‌هاي html ميشه تگ‌هاي amp html را بازسازي و پياده سازي كرد؛ اما ساختن تگ‌هاي تصاوير ممكنه كمي متفاوت باشه، البته تگ‌هاي خاصي از تصوير در اي ام پي ممنوع هستن، اما مابقي تگ‌ها  رو ميشه به راحتي با تگ هاي اي ام پي جايگزين كرد.

• اصلاح  لايه ها

براي طراحي بخش ظاهري سايت‌ها، عموما از Css استفاده ميشه. در اين حالت عناصر كلاس‌ها و موارد مشابه در هِدِر سايت استفاده و شكل ظاهري سايت‌ها را تشكيل ميدن، اما در طراحي سايت  AMP  هر صفحه سايت بايد يك Stylesheet جداگانه داشته باشه.

•  پيش نمايش صفحات و بررسي اعتبار آنها

بعد از اينكه تغييرات در صفحات داده شد مي‌تونيد به راحتي صفحات رو بارگذاري كنيد و اونها رو به صورت پيش نمايش مورد بررسي قرار بديد. ممكنه در طراحي سايت  AMP بخشي‌هايي از سايت و يا صفحات با مشكل روبرو بشن، براي همين بهتره كه صفحات در ابتدا به صورت پيش نمايش نشون داده بشن تا در صورت بروز خطا رفع كردن اونها ساده باشه.

•  آماده كردن صفحات براي بررسي و كشف كدهاي  AMP

ممكنه بخوايد يه مقاله تو وب سايت‌تون منتشر كنين، در اين صورت سايت شما داراي يك صفحه براي انتشار مقاله به صورت فرمت اصليه. حالا اگه بخوايد اين مقاله به صورت amp هم منتشر بشه، در اين صورت سايت شما يك بخش ديگري هم داره كه مقاله رو به صورت amp نشون ميده. اگر گوگل صفحه اصلي رو پيدا كنه براي اينكه به كاربرا نشون بده نسخه ديگه‌اي به صورت amp هم وجود داره، بايد صفحات شما را به‌ هم لينك بده كه  اين كار با استفاده از كدهايي  كه در صفحات نوشته شده امكان پذيره.

 انتشار صفحه بر اساس AMP

حالا كه صفحه‌ها ساخته شدن، ميشه به راحتي اونها رو روي بستر اينترنت منتشر كرد. اين نكته را بايد به ياد داشته باشيد كه AMP يك تكنولوژي نوپا و نوظهوره و خيلي از شركت ها  هنوز با اون آشنايي ندارن. براي اينكه بتونيد فرآيند طراحي سايت  AMP را خوبي انجام  بديد بايد با شركت‌هايي همكاري كنيد كه مدتيه با اين تكنولوژي كار مي‌كنن و به خوبي با اون آشنا هستند. 

اگر قصد داريد تا وب سايت خودتون با استفاده از AMP طراحي كنيد، كافيه با مشاوران و كارشناسان ما تماس بگيريد تا راهنماييتون كنن. 

 چرا بايد طراحي سايت  AMP داشته باشيم؟

 امروزه گوشي‌هاي تلفن همراه هوشمند رشد بسيار بالايي دارن و طبيعتا كاربرهاي زيادي رو هم با خودشون همراه كردن. يكي از قابليت‌هاي اين گوشي‌هاي هوشمند استفاده از خطوط اينترنت پرسرعته كه با استفاده از اون به راحتي ميشه از اينترنت استفاده كرد و به وب سايت‌هاي مختلف سر زد. در حال حاضر سايت‌هايي كه از اي ام پي استفاده نمي‌كنن روي گوشي هاي تلفن همراه به كندي اجرا ميشن و به خاطر همين زمان لود بالايي كه دارن، ممكنه تعداد زيادي از كاربراشون رو از دست بدن. در واقع آمار نشان ميده كه اگر سايتي در 3 ثانيه بارگذاري نشه، ممكنه كاربر اون رو ترك كنه.