منوی مقالات بازاریابی

میکائیل اندیشه

مقالات وب سایت برتر

1 ستاره2 ستاره3 ستاره4 ستاره5 ستاره

توصیه هایی برای ایجاد وب سایت های بهینه شده برای گوشی های هوشمند

هر روز گوشی های هوشمند بیشتری فعال میشوند و وب سایت های بیشتری محتوای خود را برای این گوشی ها بهینه می کنند. از آخرین باری که از وب سایت های سازگار با موبایل سخن گفته شد، تاکنون گوگل سخت کوشیده تا حمایت از محتوای بهینه برای گوشی های هوشمند را بیشتر کند. بعنوان بخشی از این تلاشها، Googlebot-Mobile for smartphones را در دسامبر ۲۰۱۱ راه اندازی کرد که بطور اخص روی شناسایی این نوع محتوا فعالیت کرده است.

امروز پیشنهادات گوگل در خصوص طراحی سایت های بهینه شده برای گوشی های هوشمند را ارائه میدهیم و توضیح خواهیم داد که چگونه از عهده ی اینکار برآییم به گونه ای که سایتهای بهینه دسک­تاپ و گوشی های هوشمند شما، از نتایج بهتر جستجو در گوگل برخوردار باشند.

توصیه هایی برای سایتهای بهینه گوشی های هوشمند

هنگام طراحی سایت برای گوشی های هوشمند، گوگل سه پیکره بندی مختلف را حمایت می کند:

۱ ) وب سایت های که از طراحی واکنشگرا استفاده می کنند.

برای مثال، وب­ سایت هایی که تمام دستگاه ها را با URL های یکسان پوشش می­ دهند و هر URL ، HTML یکسانی را برای تمام دستگاه ها بکار می­ برد و تنها از CSS برای تغییر نحوه رندر کردن صفحه در دستگاه استفاده میکند.این پیکره بندی پیشنهادی گوگل است.

۲ ) وب ­سایت ­هایی که بصورت داینامیک تمامی دستگاه ها را با مجموعه ای از URL های یکسان پوشش می دهند، اما هر URL، HTML ( و CSS ) مختلفی را، بسته به اینکه کاربر از دسک­تاپ یا گوشی موبایل استفاده می کند، بکار می ­گیرد.

۳  ) وب سایت های که دارای سایت های متفاوتی برای موبایل و دسکتاپ هستند.

طراحی واکنش­گرا

طراحی واکنش­گرای وب تکنیکی برای ساخت صفحات وب است که در آن اندازه نمایش صفحات با استفاده از مدیاکوئری های CSS3 تغییر پیدا می­کند.

مقاله مرتبط:  سیستم مدیریت محتوا ( CMS ) چیست و چرا باید به آن اهمیت داد؟

بدین معنا که یک کد HTML برای صفحه، صرف نظر از دستگاهی که به آن دسترسی پیدا می­کند، وجود دارد؛ اما نمایش آن با استفاده از مدیا کوئری های CSS تغییر می­کند تا مشخص شود کدامیک از قوانین CSS در مرورگری که صفحه را به نمایش گذاشته است، کاربرد دارد.

استفاده از طراحی واکنش گرای وب با مزایایی همراه است، از جمله:

محتوای دسک­تاپ و موبایل شما را در یک URL نگه میدارد که ارتباط، اشتراک گذاری و لینک را برای کاربران، و تعیین ویژگی های نمایش محتوا را برای گوگل آسانتر می­کند.

گوگل می­تواند محتوای شما را مؤثرتر پیدا کند؛ چراکه مجبور نیست یک صفحه را برای بازخوانی و ایندکس تمام محتوای آن با Googlebot های مختلف کاربران کاوش کند.

HTML مخصوص دستگاه

در هر حال، ما به این موضوع نیز واقفیم که در بسیاری از موقعیت ها، استفاده از طراحی واکنش گرای وب ممکن و یا مناسب نیست. به همین دلیل است که گوگل از داشتن وب ­سایت­ هایی حمایت می­کند که محتوای یکسانی را با استفاده از HTML متفاوت مخصوص دستگاه در اختیار کاربر قرار می ­دهند.

HTML مخصوص دستگاه می تواند در یک URL ( پیکر بندی ای که آن را Dynamic serving می نامند ) یا URL های مختلف ( مانند example.com و m.example.com ) بکار گرفته شود.

اگر وب ­سایت شما از پیکره بندی Dynamic serving استفاده می کند، ما مطمئنا استفاده از Vary HTTP headerرا پیشنهاد می­کنیم که سرورهای کشینگ و الگوریتم های گوگل را از تغییر محتوا بر اساس دستگاه مورد استفاده کاربر مطلع می­سازد.

گوگل همچنین از این بعنوان یک سیگنال خزنده برای Googlebot-Mobile استفاده می­کند.

مقاله مرتبط:  ۵ دلیل اصلی در استفاده از سیستم های مدیریت محتوا (CMS)

در پیکره بندی جداگانه سایتهای موبایل، از آنجا که راههای زیادی برای اینکار وجود دارد، حاشیه نویسی هایی را پیشنهاد می­ کنیم که الگوریتم های گوگل را از یکسان بودن هدف در صفحات موبایل و دسک­تاپ شما مطلع می­سازد.

بدین معنا که حاشیه نویسی های جدید، ارتباط بین محتوای دسکتاپ و موبایل را بصورت جایگزینی برای همدیگر توصیف می­کند و باید بعنوان یک ماهیت جدا، که هر کدام برای طبقه ای خاص از دستگاهها طراحی شده اند، در نظر گرفته شوند.

 

Email this to someoneShare on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn

پس از ورود به رشته IT و آشنایی با برنامه نویسی ++C به حوزه وب علاقه مند شدم و در این حیطه شروع به کار کردم، علاقه زیادی به زبان های برنامه نویسی JavaScript و php دارم، از اینرو یادگیری مداوم و به روز بودن در این حوزه دغدغه همیشگی من است. فیلم و موسیقی سنتی، عکاسی، کوهنوردی و پیاده روی از تفریح های لذت بخش زندگی من هستند.

مطالب مشابه ...