در حال بارگیری...

پالیز ترنس

پالیز ترنس!

با پالیز ترنس دیگر نگران حال و هوای سایتتان نباشید!

تلفــن: 09035809763

لایت هاوس گوگل چیست | google highthouse چگونه کار می کند | لایت هاوس گوگل برای سئو

  • توسط مسعود مرادی
  • سپتامبر 11, 2019
  • 0 دیدگاه
  • 130 نمایش ها

لایت هاوس یک ابزار حسابرسی منبع باز (اوپن سورس) است که به افزایش کیفیت صفحات وب و برنامه ها کمک می کند. حسابرسی یا (audit) در چند بخش اصلی انجام می شود – عملکرد( performance )، دسترسی ((accessibility ، بهترین روشها , (best practices) و برنامه های وب پیش رونده Progressive Web) (Applications.

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

لایت هوس چیست
لایت هوس چیست

لایت هاوس به روش های مختلف توسط توسعه دهندگان و مخاطبان غیر فنی مورد استفاده قرار می گیرد.

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

ساده ترین راه استفاده از آن  بدون انجام دادن کارخاصی بر روی بیلد پایپ لاینتان ،استفاده از  کروم اکستنشن یا مستقیما از ابزار های Chrome Canary Dev می باشد. این ورک فلو، برای مخاطبان غیر توسعه دهنده قدرتمند است. این برنامه ، مدیران و تیم های تضمین کیفیت را قادر می سازد تا به سرعت و به راحتی وضعیت و عملکرد یک سایت خاص را ارزیابی و درک کنند.

لایت هاوس مشاوره های عملکردی ارائه می دهد.

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

خوشبختانه ، light house نه تنها معیارهایی ارائه می دهد ، بلکه گزارشی عملی با اشاره به عناصر DOM خاص ، انتخاب کننده های CSS یا راه اندازی زیرساخت ها ارائه می دهد. درواقع عملکرد( performance )، قابل دسترسی می شود.

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

لایت هاوس ساخته شده توسط گوگل

Light house که توسط یک تیم تعیین شده در گوگل ساخته شده است ، مزیت قابل توجهی نسبت به بیشتر پروژه های ابزار سازی دارد.

    مهندسان Devtools درک عمیقی از مرورگر های داخلی و همچنین ابزارهای توسعه دهنده دارند.

افرادی مانند برندان کنی ، پاتریک هالس ، اریک بیدلمن و پاول آیریش نه تنها دارای تخصص غیرقابل انکار هستند بلکه به سازندگان API برای ایجاد ابزاری مهم برای ردیابی عملکرد و بنچ مارکینگ(الگوبرداری) دسترسی مستقیم دارند.

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

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

Light house مجموعه ای شگفت آور و مفید است که هر کسی را قادر می سازد تجربه کاربر از محصولش را بهتر کند. مهم نیست که شما می توانید برنامه های تحت وب پیش رونده را بسازید یا نه ، این یک موقعیت اجباری در  چک لیست تضمین کیفیت است.

اجرای اولین گزارش light house شما

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

از آنجا که معمولاً یادگیری به کمک مثال مفید است ، ما صفحه اصلی SEMRush را در این مقاله ی آموزشی حسابرسی خواهیم کرد. آن صفحه را در یک تب جداگانه باز کنید.

گزارش لایت هوس
گزارش لایت هوس

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

در وسط پاپ آپ ، نام افزونه (لایت هاوس) را خواهید دید. درست زیر آن ، URL صفحه ای را که می خواهید ارزیابی کنید مشاهده خواهید کرد. باید “https://www.semrush.com” باشد.

در پایین پاپ آپ ، دو دکمه را خواهید دید: “گزینه ها” و “ایجاد گزارش”.

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

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

    عملکرد

سرعت بارگیری صفحه را بررسی می کند.

    برنامه ی تحت وب پیش رونده

کیفیت PWA مانند پاسخگویی و سرعت   3Gرا بررسی می کند.

    قابلیت دسترسی

وب سایت را از نظر کاربر دوستی برای کاربران غیر معمولی (مانند افرادی که کوررنگی دارند) بررسی می کند.

    بهترین روش ها

بهترین روش های توسعه ی برنامه های تحت وب را بررسی می کند.

SEO

بررسی می کند که صفحه بهینه شده باشد تا در صفحات نتایج موتور جستجو عملکرد خوبی داشته باشد (SERP)

تمام گزینه ها را بررسی کنید تا بتوانید از سلامت کامل سایت اطمینان حاصل کنید.

بر روی “OK” در “دسته بندی حسابرسی برای گنجاندن” کلیک کنید. سپس بر روی “ایجاد گزارش” کلیک کنید.

پس از چند دقیقه ، گزارش در یک پنجره جداگانه ظاهر می شود.

اگر به بالا نگاه کنید ، برای هر گروه حسابرسی که اخیراً انتخاب کرده اید ، نمرات عددی را مشاهده خواهید کرد:

گزارشات عملکرد light house

افزونه light house کروم

افزونه لایت هوس
افزونه لایت هوس

    عملکرد – 83

    برنامه تحت وب پیش رونده – 55

    قابلیت دسترسی – 40

    بهترین تمرینات – 81

    سئو – 80

اعداد شما ممکن است کمی متفاوت باشد. همچنین ، در زمانی که این مطلب را می خوانید ، SEMRush ممکن است صفحه اصلی(هوم پیج) خود را تغییر داده باشد و در نتیجه امتیازهای متفاوتی کسب کند.

این اعداد به چه معنا هستند؟

این نمرات بین 0 – 100 هستند و 100 بهترین آنها است. همانطور که مشاهده می کنید ، نمرات کم ، قرمز هستند ، نمرات متوسط ​​ زرد رنگ و نمرات بالا رنگ سبز دارند.درواقع  این همان الگویی را که در سایر ابزارها ، مانند PageSpeed ​​Insights مشاهده می کنید ، دنبال می کند.

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

بیایید نگاهی به هر بخش از گزارش بیاندازیم.

گزارش عملکرد درباره لایت هاوس کروم

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

در جدول زمانی ، برخی از معیارهای کلیدی را مشاهده خواهید کرد. اولین آمار معنی دار Paint به شما نشان می دهد که بارگیری صفحه چه مدتی طول می کشد. شاخص سرعت ادراک به شما نشان می دهد که چگونه، به سرعت ،محتوای صفحه جمع می شوند. Estetated Latency به شما نشان می دهد که وب سایت چقدر طول می کشد تا به ورودی(input) کاربران پاسخ دهد.

پالیز ترس
پالیز ترس

افزونه لایت هاوس کروم

در زیر آمار ، light house فرصت هایی را برای پیشرفت نشان می دهد. به عنوان مثال ، به نظر می رسد که استایل شیت های  رندر-بلاکینگ   حدود 700 میلی ثانیه – 800 میلی ثانیه به زمان بارگیری صفحه اضافه می کنند. این بیش از نیم ثانیه است.

لایت هاوس همچنین از تصاویر صفحه نمایش ، قالب های تصویر و قوانین CSS استفاده نشده شکایت دارد. این تخلفات ، به همراه هم ، تقریباً 410 میلی ثانیه یا تقریباً نیمی از یک ثانیه به زمان بارگیری صفحه اضافه می کنند.

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

در زیر قسمت Opportunities بخش Diagnostics قرار دارد که جزئیات را در مورد زنجیره های درخواست انتقادی به شما می دهد. از این اطلاعات برای یافتن باتل نک ها در بارگذاری صفحه استفاده کنید.

سرانجام ، light house اطلاعاتی را در مورد کارهایی که وب سایت به درستی انجام می دهد به شما نشان می دهد. این در بخش حسابرسی های گذشته است.

گزارش های برنامه های تحت وب پیش رونده -Lighthouse

یک برنامه ی تحت وب پیش رونده(پروگرسیو) از فناوری های مدرن برای ارائه یک تجربه کاربری غنی در مرورگر استفاده می کند. احتمالا شما فکر می کنید که یک ابزار محبوب مانند SEMRush در آن گروه امتیاز خوبی کسب می کند.

اما متأسفانه ، اینطور نیست:

لایت هاوس
لایت هاوس

گزارش برنامه تحت وب پیش رونده یا پروگرسیو- light house

افزونه لایت هاوس کروم

چرا؟ زیرا بر اساس سه Audit مهم شکست خورده است:

    به کاربران اعلان نمی کند که برنامه را به صفحه اصلی خود اضافه کنند

    بر روی صفحه نمایش اسپلش ، به صورت سفارشی(کاستوم) تنظیم نشده است

    نوار آدرس برای مطابقت با رنگ تم ، سفارشی(کاستومایزد) نشده است.

در زیر لیست شکایات ، light house بار دیگر همه کارهایی را که SEMRush به درستی انجام می دهد را به شما نشان می دهد. در این حالت ، برنامه هنگامی که جاوا اسکریپت در دسترس نیست ، محتوا را نشان می دهد ، صفحه را به سرعت با 3G بارگیری می کند ، و از طراحی تگ های ویوپورت متا استفاده می کند.

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

    انطباق کراس-بروزر

    انتقال از یک صفحه به صفحه دیگر

    URL های منحصر به فرد برای همه صفحات

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

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

گتگوری بررسی حسابرسی(Audit) ، وب سایت را بررسی می کند تا اطمینان حاصل شود که افراد دارای نیازهای ویژه می توانند از آن استفاده کنند. این منطقه دیگری است که SEMRush می تواند از پیشرفت آن استفاده کند.

دلایل مختلفی وجود دارد که یکی از محبوب ترین ابزارهای مورد استفاده بازاریابان دیجیتالی از نظر دسترسی، امتیاز خیلی کمی به دست آورده است:

ابزار سئو
ابزار سئو

گزارش دسترسی – light house

light house chrome افزونه

عناصر تصویری بدون ویژگی “alt” وجود دارند.

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

    عناصر فرم بدون برچسب(لیبل) های مرتبط وجود دارند.

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

    عنصر HTML ویژگی ” lang  ” ندارد.

با این حال ، SEMRush چند مورد درست نیز دارد:

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

    عناصر مطالب را به خوبی توصیف می کنند.

    عناصر به خوبی ساختار یافته اند.

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

بهترین روشهای افزونه ی light house chrome

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

در بالا ، audit های ناموفق را مشاهده خواهید کرد. SEMRush سه مورد از آنها دارد:

    به جای HTTP v2.2 از بعضی از منابع HTTP v1.1 استفاده می کند.

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

    نام کوتاه برنامه، بیش از 12 کاراکتر دارد.

موارد ذکر شده، تنها سه نقطه ناکامی هستند. به همین دلیل SEMRush در این گروه نمره بالایی کسب می کند.

SEMRush هم نکات خیلی خوبی دارد. 13 (Audit)  مصوب وجود دارد ، مانند:

    از HTTPS استفاده می کند.

    از document.write خودداری می کند.

    از API های کم ارزش خودداری می کند.

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

سلامتی سئو خود را با لایت هاوس بررسی کنید.

سرانجام ، کتگوری سئو ، سلامتی وب سایت را از منظر سئو نشان می دهد. این منطقه دیگری است که در آن SEMRush نمره عالی ای کسب می کند.

به این دلیل که فقط دو حسابرسی (( Auditناموفق درمورد آن وجود دارد:

Light house
Light house

افزونه لایت هاوس کروم

   داکیومنت، توضیحات متا (متا دسکریپشن) ندارد.

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

هر دو به راحتی قابل اصلاح هستند ، بنابراین SEMRush می تواند از نظر سئو نمره بهتری کسب کند.

این برنامه همچنین چندین آزمون را پشت سر گذاشته است ، از جمله:

داکیومنت دارای عنصر <عنوان> است.

    صفحه دارای کد استاتوس HTTP است.

    صفحه از فهرست به وسیله ی robots.txt مسدود نشده است.

نکته مهم

اگر گزارش سئو را در وب سایت خود اجرا کنید و در حسابرسی(Audit) خرابی  ای را مشاهده کنید ، ممکن است بتوانید خودتان آن را حل کنید. البته این هنوز هم ، ایده خوبی است که تیم توسعه خود را خبر کنید.

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

بنابراین اگر چه عملیات اضافه سازی ویژگی ها، بسیار کند به نظر می رسد (به خصوص در مقایسه با ابزارهای پیشرفته تر مانند Screaming Frog) ، این ابزار، در مراحل نوپایی اش به سر می برد. منتظر باشید تا در آینده به کمک آن، وب سایت خود را قوی تر تحلیل کنید.

پاسخی بگذارید

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