خانه / بازاریابی اینترنتی / سئو / استفاده از قابلیت DevTools کروم برای بررسی سئو

استفاده از قابلیت DevTools کروم برای بررسی سئو

حتما برای شما نیز پیش آمده است که بخواهید سئوی سایت خود را بررسی کنید. در چنین شرایطی می توانید از DevTools کروم استفاده کنید. در این مقاله همراه ما باشید تا ۱۰ روش کاربرد این قابلیت برای بررسی سئو را با هم مرور کنیم.

افراد معمولا برای بررسی سئوی سایت خود هزینه های زیادی را پرداخت می کنند. با این وجود DevTools یکی از مواردی است که در گوگل کروم به صورت درون ساخت وجود دارد. این گزینه مجموعه ای از ابزارهای بررسی و عیب یابی سایت است که به شما اجازه می دهد جنبه های اصلی سئو را مورد بررسی قرار دهید. در بیشتر موارد استفاده از DevTools بسیار ساده و آسان خواهد بود  اما برخی از مسائل وجود دارد که باید بیان شود.  خوب اول از هر کاری به صفحه ای که می خواهید در گوگل کروم بررسی کنید بروید و DevTools را باز کنید. شما می توانید این کار را از  منوی کروم در سمت بالای مرورگر و از مسیر Tools > Developer Tools انجام دهید. بر روی سیستم عامل ویندوز فشار دادن کلیدهای Ctrl+Shift+I و در سیستم عامل مک با کمک کلیدهای Cmd+Opt+I می توانید به آن دسترسی داشته باشید.

۱٫عناصر محتوای اصلی صفحه همچون جاوا اسکریپت را بررسی کنید:

گوگل در حال حاضر می تواند محتوای مبتنی بر جاوا اسکریپت را خزیده و ایندکس کند اما همیشه اینکار به راحتی انجام نمی شود.  به همین خاطر باید عناصر محتوای اصلی صفحه مورد تایید قرار گیرد.  شما می توانید مستقیما DOM هر صفحه ای را با کمک DevTools  در پنل Elements مشاهده کنید. شما می توانید از این گزینه برای بررسی محتوای عناصر هر صفحه همچون عنوان، توضیحات متا یا متن آن استفاده کنید و  اطمینان حاصل نمایید که اطلاعات مرتبط و مطلوبی نمایش داده می شود. به عنوان مثال در قسمت چپ و بالای صفحه زیر، می توانید مشاهده کنید که  متن اصلی  نمایش داده شده در <div> قرار گرفته است :

زمانی که می خواهید تفاوت بین محتوای نشان داده شده را شناسایی کنید، می توانید مراحلی را برای تایید ایندکس شدن صحیح آن طی کنید.  بررسی نسخه کش شده صفحه در گوگل، تایید نشان داده شدن متن در نتایج موتورهای جستجو و استفاده از Fetch as Googlebot چند مورد از این مراحل است.

  1. به دنبال محتوای پنهان CSS باشید:

همانطور که می دانید گوگل متنی که  به طور پیش فرض برای کاربر پنهان شده است و کاربر باید بر روی آن کلیک کند تا محتوایی را مشاهده کند را  معمولا ایندکس نمی کند.  یکی از روش های رایج برای مخفی کردن متن استفاده از CSS با خاصیت display:none یا visibility:hidden است. به همین خاطر باید این موارد بررسی شوند. برای انجام اینکار از قسمت Search  قابلیت DevTools استفاده کنید. این قابلیت جستجو به شما اجازه می دهد نه تنها  فایل صفحات باز را مورد بررسی قرار دهید بلکه تمامی منابع به کار رفته همچون جاوا اسکریپت و CSS را بررسی کنید.

  1. می توانید توضیحات ALT تصاویر خود را تایید کنید:

علاوه بر بررسی عناصر محتوای اصلی صفحه می توانید توضیحات ALT تصاویر خود را در پنل Elements بررسی کنید. بر روی هر تصویری که دوست دارید راست کلیک نمایید و گزینه Inspect را انتخاب کنید.

  1. با کمک DevTools می توانید پیکربندی ایندکس نشدن و canonicalization صفحات و منابع را شناسایی کنید:

شما می توانید از DevTools کروم برای بررسی پیکربندی های فنی هر صفحه استفاده کنید. به عنوان مثال قادر خواهید بود متاربات ها و پیکربندی تگ های canonical را تایید کنید که با کمک بخش Search انجام می شود. این تایید را نه تنها می توان برای دستکاری این تگ ها در بخش <head> کدهای HTML به کار برد بلکه در هدرهای HTTP نیز قابل استفاده است. برای اینکار باید به پنل Network بروید و صفحه یا منبع دلخواه خود را برای تایید اطلاعات هدر انتخاب نمایید.

  1. قادر خواهید بود وضعیت HTTP در پیکربندی هدر را بررسی کنید:

زمانی که پیکربندی هدر صفحات و منابع را با کمک پنل Network مورد بررسی قرار می دهید می توانید وضعیت HTTP آن ها را مشخص کنید.

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

موبایل دوست بودن برای هر فرایند سئویی الزامی است شما می توانید پیکربندی صفحات خود و محتوای آن در موبایل را بررسی کنید. در DevTools به دنبال قابلیتی با نام Device Mode بگردید.

این قابیت را می توان با کلیک کردن بر روی ایکون دستگاه در قسمت چپ و بالای پنل یا Ctrl+Shift+M فعال کرد. بعد از اینکه Device Mode فعال شد، کنترل های viewport در بالای پنجره نمایش داده می شود. در این قسمت می توانید viewport واکنشگرا را انتخاب کنید. همچنین با کمک گزینه Edit قادر خواهید بود دستگاه سفارشی خود را اضافه کنید.

  1. زمان بارگذاری سایت و مشکلات مرتبط با سرعت را شناسایی کنید:

با شبیه سازی شرایط شبکه و دستگاه مورد استفاده می توانید زمان بارگذاری را تجزیه و تحلیل کنید. برای انجام اینکار به ابزار Network Conditions بروید که از منوی  Customization قابل دسترسی است. در این قسمت می توانید پیکربندی های Caching، Network throttling و User agent را بیابید. بعد از اینکه تنظیمات مدنظر خود را انتخاب کردید، می توانید صفحه خود را دوباره بارگذاری کنید و به پنل Network بروید. در این پنل نه تنها زمان بارگذاری کامل نشان داده می شود بلکه نشانه گذاری های اولیه صفحه نیز نمایش داده خواهد شد. برای اینکه بتوانید عملکرد سرعت سایت را بهبود ببخشید به پنل Audits بروید و بر روی دکمه RUN کلیک کنید. هر توصیه و پیشنهادی می تواند منابع دردسرساز را مشخص کند و در حل مشکلات به شما کمک نماید.

  1. منابع مسدود کننده رندر را شناسایی کنید:

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

  1. در طول مهاجرت به HTTPS، می توانید به دنبال منابع نا امن بگردید:

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

۱۰٫می توانید AMP خود را تایید و اعتبارسنجی کنید:

اگر در حال استفاده از AMP هستید، می توانید مشکلاتی که در مورد صفحات وجود دارد را شناسایی کنید. شما می توانید رشته #development=1  را به AMP URL خود اضافه کنید و سپس در پنل Console به بررسی آن بپردازید. اینکار به شما می گوید که مشکلی از این بابت دارید یا خیر. با کمک DevTools کروم سئوی سایت خود را بهبود ببخشید.

منبع

مطلب پیشنهادی

۶ مورد از اشتباهات حوزه سئو که می تواند کسب وکار شما را نابود کند

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

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *