علم و فنون

بهينه سازي موبايل چيست؟

 هر سال مردم زمان بيشتر و بيشتري را صرف تلفن همراه و تبلت خود مي كنند، اما هنوز هم بسياري از وب سايت ها براي اندازه صفحه نمايش هاي مختلف طراحي نشده اند و بارگذاري آنها بسيار طول مي كشد .بهينه سازي تلفن همراه شامل: طراحي سايت، ساختار سايت، سرعت صفحه و فراهم كردن محيطي مناسب براي بازديدكنندگان تلفن همراه است.

سئو موبايل بهترين شيوه است؟

اگر سايت شما در حال حاضر براي موتورهاي جستجو بهينه سازي شده، تنها چند چيز اضافي وجود دارد كه شما نياز داريد براي بهينه كردن ساييتان براي تلفن هاي هاي همراه:

سرعت صفحه

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

CSS، جاوا اسكريپت، و يا تصاوير را مسدود نكنيد

در گذشته، برخي از دستگاه هاي تلفن همراه نمي توانستند همه اين عناصر را حمايت كنند، بنابراين مديران سايت براي سايت هاي تلفن همراهشان  يك يا هر سه را مسدود مي كردند .اما در بيشتر قسمت هاي ديگر درست است، و كاربران گوشي هاي هوشمندGoogleBot  مي خواهند قادر باشند به ديدن دسته بندي محتواهاي سايت و پنهان نبودن آنها .اين عناصر نيز به Google كمك كرد جهت درك يك سايت پاسخگو و اينكه ارائه راه حل هاي مختلف براي تلفن همراه بسيار مهم هستند.

طراحي سايت براي موبايل

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

 از فلش استفاده نكنيد

اين پلاگين ممكن است بر روي تلفن كاربران شما در دسترس نباشد، مشكل فلش اين است كه خيلي از عناصرش توسط مرورگرهاي گوشي هاي موبايل رندر نمي شوند. يعني اگر در وب سايت تان از Flash استفاده كنيد، به احتمال زياد رنكينگ جست و جوي موبايل (Mobile Ranking) خوبي به دست نمي آوريد. خود گوگل هم اين موضوع را اعلام كرده است و به همه توصيه كرده كه از فناوري هاي پيش رفته تر براي قرار دادن انيميشن، محتوا و … در سايت خود استفاده كنند. اگر شما مي خواهيد جلوه هاي ويژه ايجاد كنيد ، از HTML5 به جايfalsh  استفاده كنيد.

هرگز از پاپ آپاپ استفاده نكنيد

اين مي تواند  براي كاربران مشكل و خسته كننده كننده باشد زماني كه  تلاش مي كنند آن را در صفحه موبايلشان ببندند. همچين اين ممكن است به نرخ گزاف گويي بالا منجر شود.

اين پاپ آپ ها در صفحه موبايل ناخوانا مي شوند و معمولاً تجربه كاربري را كاهش مي دهند. نتيجه اين است كه زحمات شما براي بهينه سازي وب سايت براي موبايل به هدر مي رود چرا كه گوگل جريمه اي براي وب سايت هايي كه از پاپ آپ فول اسكرين استفاده مي كنند، در نظر گرفته است.

طراحي متناسب با انگشت كاربران

تاچ صفحه نمايش لمسي مي تواند به كليك تصادفي منجر شود اگر دكمه هاي خود را بيش از حد بزرگ، بيش از حد كوچك، و يا در مسير يك انگشت كه در تلاش براي حركت در صفحه است(scroll)، قرار دهيد. بنابراين به اين موضوع هم دقت كنيد.

استفاده از داده هاي ساخت يافته

از آنجا كه از فضاي صفحه نمايش محدود است، بنابراين اطلاعات خود را به صورت غني شده بگذاريد.

بهينه سازي براي جستجوي محلي

اگر كسب و كار شما داراي يك عنصر محلي است، به ياد داشته باشيد بهينه سازي كنيد محتواي تلفن همراه خود را براي جستجوي محلي. اين شامل استاندارد نام، آدرس و شماره تلفن خود و از جمله شهرستان خود ميباشد اطلاعات بيشتر در مورد SEO محلي را مي توان در پست سئو محلي مطالعه كنيد.

پيكربندي وب سايت تلفن همراه

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

طراحي وب سايت پاسخگو

سايت هاي واكنشگرا با استفاده از CSS3 نمايش داده شده اند و طرح ‌بندي سند را با توجه ويژگي‌هاي وسيله نمايش‌دهنده تنظيم مي‌نمايد .در طي اين نوع طراحي دستگاه‌هاي تلفن همراه در اولويت قرار داده شده و با استفاده از تكنيك‌هاي ارتقاء پيشرونده (Progressive Enhancement) امكانات موجود در آن‌ها به منظور فراهم‌آوردن تجربه كاربري بهتر مورد بررسي قرار مي‌گيرد.

طرح هاي پاسخگو هدف قرار مي دهند طرح را براساس عرض صفحه نمايش، جهت گيري. به عنوان مثال، شما مي توانيد از CSS زير براي چگونگي نمايش مطالب براي يك صفحه نمايش كه ۴۲۰ يا كمتر پيكسل عرض دارد استفاده كنيد:

كد نمونه

@media screen and (max-width: 420px) {

  .class {

    [styles for this class here]

  }

}

براي پيوند به يك شيوه جداگانه به جاي آن، قرار دادن كد زير در بين   برچسب ها:

كد نمونه

طرح هاي واكنشگرا به شما اجازه نمايش را مي دهند به طوري كه كاربران بر روي صفحه نمايش كوچك تلفن همراه، بزرگتر از حد متوسط صفحه نمايش تلفن همراه، و حتي تبلت ها مي توانند تمام يك سايتي را كه به نظر مي رسد براي دستگاه هاي خود طراحي شده اند را مشاهده نمايند.

اندازه فونت و فاصله ميان خطوط

به طور كلي بهتر است براي اطمينان از بهينه بودن وب سايت براي موبايل، فونت پيش فرض را ۱۶ پيكسل تعيين كنيد، كه در اين صورت فاصله ميان سطرها به طور خودكار۱٫۲تعيين مي شود. اين كار بدين جهت است كه وب سايتتان در موبايل به هم ريخته نمايش داده نشود.

آموزش سئو براي موبايل تنها به اين چند مورد خلاصه نمي شود و مسائل زيادي وجود دارد.

منبع: اف تي سنتر