بهینه‌سازی برای جستجوی موبایل بسیار مهم است و مقدمه ای بر سئوی موبایل امروزه خیلی مهم است. این پست تمام آنچه را که باید بدانید تا وب سایت خود را با سئوی موبایلی موبایل پسند کنید به شما می گوید.

موبایل برای سئو همان چیزی است که برای Krispy Kreme لعاب است. شما نمی توانید یکی را بدون دیگری داشته باشید. ستون فقرات ایندکس گوگل است.

مطمئناً، شاخص موبایل اول در سال 2018 منتشر شد ، اما گوگل در چند سال گذشته نکات نه چندان کمی را ارائه کرده است.

در سال 2015، گوگل اعلام کرد که جستجوهای موبایل از دسکتاپ پیشی گرفته است . سپس در سال 2016، mobilegeddon 2.0 دنیای سئو را تکان داد. و در سال 2017، گوگل ایندکس موبایل اول را به ما معرفی کرد.

اما این سوال همچنان باقی است:

استراتژی موبایل من چگونه باید باشد؟

داشتن یک سایت سازگار با موبایل کافی نیست.

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

این پست تمام آنچه را که برای شروع سئو موبایل باید بدانید را به شما می گوید.

با اصول اولیه سئوی موبایل به آینده خود قدم بگذارید.

نحوه برخورد گوگل با جستجوی موبایل

اگر هنوز مشخص نیست، گوگل به وضوح از جستجوی موبایلی حمایت می کند.

اما درک نحوه برخورد گوگل با جستجوی موبایل می تواند کاملا گیج کننده باشد.

بنابراین، در اینجا به برخی از سوالات متداول رایج در مورد جستجوی موبایل و گوگل اشاره می کنیم.

اگر URL های مجزای موبایل و دسکتاپ داشته باشید، گوگل چه URL را ایندکس می کند؟

گوگل URL دسکتاپ را برای جستجوهای دسکتاپ نمایش می دهد.

و جستجوهای تلفن همراه URL های تلفن همراه را دریافت خواهند کرد.

اما محتوای ایندکس شده (چالوپای بزرگ که رتبه شما را تعیین می کند) از موبایل خواهد بود.

آدرس‌های اینترنتی در جستجو: با نمایه‌سازی Mobile-first، نسخه موبایل را ایندکس می‌کنیم. وقتی URLهای تلفن همراه جداگانه را تشخیص می دهیم، URL تلفن همراه را به کاربران تلفن همراه نشان می دهیم و URL دسکتاپ را به کاربران دسکتاپ نشان می دهیم – محتوای نمایه شده در هر دو مورد نسخه تلفن همراه خواهد بود.

— Google Webmasters (@googlewmc) 14 ژوئن 2018

آیا موقعیت های رتبه بندی خود را با شاخص Mobile-First از دست خواهم داد؟

شاخص موبایل اول بر موقعیت رتبه بندی شما تأثیری ندارد.

اما، سازگاری با موبایل یک رتبه بندی است، بنابراین UX شما همچنان مهم است.

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

در رتبه‌بندی: شاخص mobile-first چیزی را برای رتبه‌بندی تغییر نمی‌دهد به جز اینکه از محتوای تلفن همراه استفاده می‌شود. در حالی که سازگاری با موبایل یک عامل رتبه بندی در تلفن همراه است، قرار گرفتن در شاخص موبایل اول اینطور نیست.

— Google Webmasters (@googlewmc) 14 ژوئن 2018

به من اجازه دهید یک راز کوچک را به شما بگویم:

گوگل می خواهد که سایت دسکتاپ و موبایل شما محتوای یکسانی داشته باشد.

اگر محتوای یکسانی (مانند طراحی واکنشگرا) داشته باشید، هیچ تاثیری از شاخص موبایل اول نخواهید دید.

به علاوه، از طرف دیگر، گوگل اعلان‌هایی را ارسال می‌کند تا به مدیران وب‌سایت اطلاع دهد که نمایه‌سازی اولین موبایل در سایت شما کاهش می‌یابد.

آیا سایت شما برای موبایل مناسب است؟

برای کمک به شما در یافتن اینکه آیا سایت شما برای موبایل مناسب است یا خیر، در اینجا برخی از ابزارهای مورد علاقه من آورده شده است.

• تست موبایل دوستانه
• سایت من را تست کنید
• واکشی به عنوان Google
• PageSpeed ​​Insights
• BrowserStack

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

بیایید نحوه بهینه سازی سایت خود را برای جستجوی موبایل توضیح دهیم.

ما با بررسی چند روش و تکنیک برتر سئوی موبایل که برای همه سایت‌های موبایل اعمال می‌شود، شروع می‌کنیم.

محتوای موبایل

برای خلاصه کردن سئوی موبایل، شما دقیقاً همان محتوا را از دسکتاپ خود در سایت تلفن همراه خود می خواهید.

همه فرمت های محتوا (متن، فیلم، عکس و غیره) باید در موبایل قابل خزیدن و نمایه سازی باشند.

Google نتایج برنامه و تلفن همراه خود را برای نمایش نشان ها برای جستجوی تصویر به روز کرد.

این بدان معناست که آن ویژگی‌های alt تصویری که نادیده گرفته‌اید، در جستجوی تلفن همراه مرتبط‌تر می‌شوند.

منظورم این است که اگر گوگل از قبل می‌تواند نژاد سگ و گربه را از طریق عکس تشخیص دهد ، می‌توانید تصور کنید که چه اتفاقی می‌افتد؟

همچنین، با افزایش جستجوی صوتی ، ممکن است بخواهید محتوای خود را تراز کنید.

به عنوان مثال، من توصیه می‌کنم عناوین متا خود را برای جستجوی موبایل بهینه کنید زیرا کوتاه‌تر هستند.

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

جستجوی صوتی = دستگاه تلفن همراه.

این به معنای بازتعریف روشی است که بازاریابان انجام تحقیقات کلمات کلیدی را انجام می دهند.

پرس و جوها و سوالات طولانی بر SERP ها غالب هستند، به همین دلیل چیزهایی مانند قطعه های برجسته تأثیر زیادی دارند.

اکنون در مورد هدف کاربر است.

عملکرد سایت موبایل

به نقل از تاپ گان، “من احساس می کنم به سرعت نیاز دارم.”

بله، گوگل نیاز به سرعت را احساس می کند زیرا ” به روز رسانی سرعت ” رسمی موبایل به صحنه آمد.

به همین دلیل است که گوگل پروژه Accelerated Mobile Pages Project را برای بهبود سرعت سایت و زمان بارگذاری صفحه برای محتوای موبایل معرفی کرد.

AMP اجازه می دهد تا محتوا به طور مستقیم در یک SERP (به جای ارسال کاربر به وب سایت اصلی) ذخیره و ارائه شود.

به همین دلیل است که صنعت شروع به مشاهده صفحات AMP با PWA خواهد کرد .

من استفاده از طراحی واکنشگرا و همچنین صفحات AMP را توصیه می کنم.

به عنوان مثال، استفاده از صفحات AMP برای ارائه پست های وبلاگ و صفحات خدمات، اگر یک آژانس SEO هستید، ممکن است مورد توجه قرار گیرد.

و اگر می‌خواهید واقعاً به سرعت صفحه عمیق برسید، این پادکست را با باستیان گریم و برنت کسوتوراس گوش دهید تا در مورد زمان‌بندی نقاشی صحبت می‌کنند.

ساخت وب سایت خود برای موبایل

سه روش اصلی برای سازگاری وب سایت شما برای موبایل وجود دارد:

1. طراحی تعاملی
2. وب سایت تطبیقی
3. سایت موبایل مجزا

در اینجا نحوه بهینه سازی هر کدام آورده شده است.

1. بهینه سازی طراحی پاسخگو برای جستجوی موبایل

این باور اشتباه وجود دارد که اگر سایت شما واکنش گرا باشد، به طور خودکار سازگار با موبایل است.

نادرست _

بگذار توضیح بدهم.

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

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

طراحی واکنشگرا همچنان باید برای تجربه کاربر بهینه شود.

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

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

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

مقیاس تصاویر

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

در اینجا صفحه اصلی اتحادیه اعتباری فدرال نیروی دریایی در دسکتاپ و موبایل است.

اکنون، اینجا صفحه اصلی بانک آمریکا در دسکتاپ و موبایل است.

اگر یک کاربر موبایل بودید، کدام وب سایت شما را وادار می کرد کلیک کنید؟

بانک آمریکا، درست است؟

تصویر بالای دسکتاپ نیروی دریایی فدرال وب سایت تلفن همراه را بدون تماس برای اقدام می گیرد. از سوی دیگر، CTAهای بانک آمریکا در جلو و مرکز قرار دارند.

نکته کلیدی: اگر از طراحی واکنشگرا استفاده می کنید، تصاویر را برای کاربران تلفن همراه مقیاس کنید. از توسعه دهنده خود بخواهید تصاویر جایگزینی برای درگاه های دید مختلف ایجاد کند. فراموش نکنید که نام متا = “viewport” را به روز کنید.

ناوبری پاک

ایجاد یک منوی ناوبری قابل کلیک و مشاهده آسان برای کاربران تلفن همراه ضروری است.

توصیه می‌کنم رفتار کاربران تلفن همراه خود را زیر نظر داشته باشید تا بفهمید آنها در سایت شما به دنبال چه چیزی هستند.

سپس، ناوبری خود را با نیازهای آنها تنظیم کنید.

به عنوان مثال، Best Buy ناوبری خود را در بالای صفحه با صفحات اصلی همراه با منوی همبرگر در مرکز نگه می دارد.

نوار کناری: گوگل تأیید کرده است که منوهای همبرگر برای استفاده در طراحی موبایل “خوب” هستند .

نکته کلیدی: ناوبری تلفن همراه خود را ساده و تمیز نگه دارید. صفحات اصلی را به 4-8 محدود کنید. اگر بیشتر نیاز دارید، از منوی همبرگر استفاده کنید.

پاپ آپ های موبایل را حذف کنید

Google از کاربران تلفن همراه شما می خواهد که آنچه را که نیاز دارند و سریع پیدا کنند.

برای کمک به کاربران تلفن همراه خود، گوگل سیگنال جدیدی را در سال 2017 معرفی کرد که بیان داشت :

صفحاتی که در هنگام انتقال از نتایج جستجوی تلفن همراه به راحتی در دسترس کاربر نیست، ممکن است رتبه بالایی نداشته باشند.”

این بدان معنا نیست که همه پاپ آپ ها بد هستند.

در اینجا یک مثال از یک پاپ آپ بد است:

خبرنامه کل صفحه را می گیرد بدون اینکه به کاربران اجازه دهد محتوای پشت آن را بخوانند.

در اینجا یک نمونه از یک پاپ آپ خوب آورده شده است:

تصویر تمام صفحه را نمی گیرد و بازدیدکنندگان همچنان می توانند محتوا را ببینند.

نکته کلیدی: در مورد پاپ آپ ها با احتیاط ادامه دهید. شواهدی وجود دارد که پاپ آپ ها کار می کنند. در واقع، سومو نرخ تبدیل 9.28 درصدی را برای پاپ آپ های خود مشاهده کرد. فقط آرام قدم بردارید

کوتاه کردن کپی

نسخه رومیزی اغلب به خوبی به نسخه موبایل ترجمه نمی شود.

تعداد زیادی متن در یک سایت تلفن همراه می تواند کاربران تلفن همراه را ازدحام کرده و آنها را غرق کند.

من دوست دارم با کاهش متن همه چیز را ساده نگه دارم. بگذار نشانت دهم.

در اینجا سایت دسکتاپ Mint.com است:

اکنون، این سایت تلفن همراه آنها است:

برای اینکه CTA واضح و مختصر بماند، کپی در بالای تاشو کاهش می یابد.

آنها کپی فرم طولانی تر را به پایین فشار دادند تا کاربران در صورت اسکرول بیشتر بیاموزند.

نکته کلیدی: کمتر، بیشتر است. با کاهش مقدار کپی در بالای صفحه، تبدیل ها را بالا نگه دارید. کاربران را ترغیب کنید تا با متن اولیه اسکرول کنند، سپس پس از پیمایش، مونتی کامل را به آنها بدهید.

طراحی CTA

iAcquire و SurveyMonkey کشف کردند که 70 درصد  از جستجوهای تلفن همراه منجر به اقدام در وب سایت ها در عرض یک ساعت می شود.

اما، تبدیل تلفن همراه کمتر از دسکتاپ است.

چرا؟

فراخوان برای اقدام مشخص نیست.

منظور من این است:

به سایت موبایل Close.io نگاه کنید:

آنها از کاربر می خواهند که برای دیدن دکمه CTA پیمایش کند.

این احتمال وجود دارد که آنها در تبدیل تلفن همراه از دست بدهند.

حال، در اینجا یک مثال از Flywheel است.

می بینید که آنها می خواهند کاربران برای استفاده از محصول خود “ثبت نام رایگان” کنند.

نکته کلیدی: برای جستجوگر تلفن همراه مشخص کنید که گام بعدی آنها چیست. یک دکمه CTA واضح در بالای تاشو اضافه کنید تا کاربر بتواند کلیک کند.

2. بهینه سازی یک وب سایت تطبیقی ​​برای جستجوی موبایل

یک سایت تطبیقی ​​(یا RESS/به‌صورت پویا) از همان URL استفاده می‌کند، اما سرور بر اساس نوع دستگاهی که صفحه را درخواست می‌کند، نسخه متفاوتی از HTML (و CSS) را ارسال می‌کند.

شما اساساً سه نسخه مختلف از وب سایت خود دارید:

• دسکتاپ.
• سیار.
• تبلت.

آمازون یک نمونه عالی از طراحی وب تطبیقی ​​است:

بنابراین، چرا آمازون استفاده از طراحی وب تطبیقی ​​را به جای واکنش گرا انتخاب کرد؟

Mobile Marketer گزارش داد که آمازون طراحی تطبیقی ​​را برای افزایش سرعت صفحه در موبایل تا 40 درصد انتخاب کرده است.

اگر شما یک کسب و کار کوچک هستید، توصیه می کنم با رای محبوب یک طراحی واکنش گرا بروید.

وب سایت های تطبیقی ​​به منابع بیشتری نیاز دارند.

در اینجا چیزی است که باید در مورد بهینه سازی وب سایت تطبیقی ​​خود برای سئوی موبایل بدانید:

پنهان کاری

اگر چیزی را به موتور جستجو نشان دهید و چیزی متفاوت را به کاربر نشان دهید، گوگل ارزش سایت شما را کاهش می دهد.

این پنهان کاری است.

برای رفع این مشکل، از میزبان خود بخواهید که از Vary-HTTP Header استفاده کند.

این کار خزنده موبایل را به محتوای جداگانه تلفن همراه هدایت می کند و به سرور سیگنال می دهد که کاربر از چه نوع دستگاهی می آید.

سفارشی کردن طراحی

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

اگر وب سایت شما برای چندین کشور طراحی شده است، ممکن است بخواهید عناصر طراحی را بر اساس منطقه عوض کنید.

نکته منفی این است که شما باید هر نسخه از سایت را به صورت دستی به روز کنید.

به عنوان مثال، می‌توانید عناوین متای سفارشی و توضیحات متا را که کاربران تلفن همراه را هدف قرار می‌دهند، ارائه دهید.

Adaptive را با Responsive ترکیب کنید

قبل از رفتن به عمق زانو در تطبیق یک جایگزین وجود دارد.

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

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

3. بهینه سازی یک وب سایت مجزا برای موبایل برای جستجوی موبایل

یک سایت تلفن همراه جداگانه (یا m-dot) یک سایت کاملاً متفاوت است.

همان اصول اولیه سئو برای دسکتاپ، تبلت و موبایل شما یکسان است، اما چند تفاوت وجود دارد.

در اینجا چیزی است که باید در مورد بهینه سازی وب سایت تلفن همراه جداگانه خود برای سئوی موبایل بدانید:

URL ها را جدا کنید

هر URL دسکتاپ باید یک URL تلفن همراه ارائه کند.

به عنوان مثال، اگر URL دسکتاپ www.example.com باشد، URL تلفن همراه باید m.example.com باشد.

شما باید تگ URL متعارف rel=”canonical” را به سایت موبایلی که به URL دسکتاپ اشاره دارد اضافه کنید. مثل این:

<link rel=”alternate” media=”فقط صفحه و (حداکثر عرض: 640 پیکسل)”

href=”http://m.example.com/page-1″>

این را می توان در نقشه سایت نیز انجام داد.

تگ های تابلوی موبایل را پیاده سازی کنید

تگ‌های سوئیچ‌بورد شبیه به تگ‌های متعارف هستند، آنها به گوگل می‌گویند که URL تلفن همراه با برچسب rel=alternate وجود دارد.

بدون تگ‌های تابلو، Google ممکن است در نسخه‌های تلفن همراه URL شما نخزد.

شما باید تگ rel=”alternate” را به URL دسکتاپ که به URL موبایل اشاره دارد اضافه کنید. مثل این:

<link rel=”canonical” href=”http://www.example.com/page-1″>

این را می توان در نقشه سایت نیز انجام داد.

رشته های عامل کاربر را شناسایی کنید

ریدایرکت های خود را دوباره بررسی کنید تا مطمئن شوید که URL های دسکتاپ شما در هنگام تغییر مسیر با URL صحیح تلفن همراه هماهنگ هستند.

برای مثال، www.example.com/about باید به m.example.com/about هدایت شود.

در غیر این صورت، می توانید یک تغییر مسیر معیوب ایجاد کنید (خوب نیست).

خوشبختانه، کنسول جستجوی گوگل این تغییر مسیرهای معیوب را برای شما تشخیص می دهد.

تایید کنسول جستجو

مطمئن شوید که نسخه موبایل وب سایت خود را در کنسول جستجوی گوگل تأیید کرده اید.

داده های ساخت یافته

همیشه داده های ساختاری یکسانی را در سایت های موبایل و دسکتاپ خود قرار دهید.

آدرس‌های اینترنتی شما در داده‌های ساختاریافته در صفحات تلفن همراه باید URL تلفن همراه باشد.

Hreflang

اگر یک شرکت جهانی هستید که از rel=hreflang استفاده می کنید، مطمئن شوید که URL های تلفن همراه شما با hreflang به نسخه تلفن همراه کشور شما اشاره دارد.

XML Sitemaps & Robots.txt

تمام پیوندهای موجود در نقشه سایت باید از نسخه موبایل سایت موجود باشد.

این شامل فایل robots.txt شما نیز می شود.

امتیاز: اگر کل این سایت مجزای تلفن همراه برای شما خسته کننده به نظر می رسد، Google توصیه هایی را در مورد نحوه انتقال از mdot به پاسخگو به اشتراک می گذارد .

نتیجه

با وجود اینکه تمام شب‌ها به لپ‌تاپم لعنت می‌فرستم و استرسی که سئوی موبایل در چند سال گذشته برایم ایجاد کرده بود، من اولین کسی خواهم بود که اعتراف می‌کنم که شاخص موبایل اول خیلی خوب بود.

اکثر سایت هایی که من روی آنها کار می کنم در حال حاضر واکنش گرا هستند.

اما، اگر برای سایت تلفن همراه جداگانه خود زندگی می کنید، از این که چقدر ساختار URL یکنواخت می تواند مهم باشد، دست از سرکشی نمی کشم.

هدف نهایی ثابت می ماند:

• به خزنده ها اجازه دسترسی، خواندن و هضم محتوای شما را بدهید.
• UX را برای همه دستگاه ها بهینه کنید.
• برای نتایج بهتر تست را ادامه دهید.

جستجوی موبایل دیگر آینده سئو نیست.

اینجاست.

آیا آنچه را که برای زنده ماندن آن لازم است دارید؟