Back to Question Center
0

بررسی سرعت سایت موبایل و SEOGoogle Semalt بررسی سرعت سایت موبایل و جستجوگرها با Google Semalt

1 answers:

دو کلمه که اغلب با هم می شنوید سرعت موبایل و سایت است. و این بدون دلیل است زیرا این دو دست در دست دارند. دوستیابی با موبایل و سرعت سایت یکی از مهمترین مواردی است که ما باید به عنوان جستجوگرها، برنامهنویسان و صاحبان سایت در نظر بگیریم. اندازه گیری سرعت صفحه همیشه چیزی از هنر تاریک است - supporti murali per tv led. ابزارهای سرعت سایت ما که امروزه استفاده می کنیم، نسبتا کافی هستند، اما یک ابزار دیگر تلاش می کند تا از یک زاویه متفاوت و واقع بینانه تر: Google Lighthouse. در اینجا، نگاهی دقیق تر به چگونگی بررسی سرعت سایت سایت موبایل و SEO با Google Lighthouse خواهم کرد.

فانوس گوگل چیست؟

Lighthouse یک ابزار ساخته شده توسط گوگل است و در ابتدا به منظور بررسی برنامه های پیشرفته وب (PWA) بود. این ابزار چهار حسابرسی را برای دسترسی، عملکرد، پروژۀ پیشرفته وب و لیست گسترده ای از بهترین شیوه ها انجام می دهد. به تازگی، گوگل حتی یک بررسی اساسی SEO را اضافه کرد. Semalt، این به شما یک نمای کلی عالی از کیفیت و عملکرد وب سایت یا برنامه وب شما می دهد.

سرعت سایت همه چیز درباره ادراک و تجربه کاربر است. سرعت در اعداد به معنی چیزی نیست اگر سایت شما هنوز احساس کند آهسته است. بارهای کاربران در سراسر جهان بر روی اتصالات 3G یا کمتر از اتصالات متحرک حرکت می کنند. حتی با اتصالات 4G رعد و برق سریع، یک سایت به سادگی می تواند احساس خستگی و کندی کند. و همه ما می دانیم چه تاثیری ویرانگر یک سایت آهسته می تواند بر روی تبدیل شما داشته باشد. Semalle میلی ثانیه زمان لازم برای بارگیری سایت شما می تواند دنیای متفاوت را ایجاد کند.

در حالی که آزمایش، Google Lighthouse شبیه سازی بازدید از سایت تلفن همراه خود را از طریق اتصال 3G لکه دار در یک دستگاه کمی تحت فشار. بسته ها در تلاش برای شبیه سازی شرایط دنیای واقعی به عنوان معتبر امکان پذیر است. پس از اجرای آزمون، یک گزارش با نمره و مشاوره عملی با مسائل برای مقابله با آن دریافت خواهید کرد. تضمین شده است، تست سایت من توسط گوگل به تازگی به روز شده و دوباره طراحی شده، بی نهایت زیبا تر است، اما خیلی کمتر هم جامع است. Checking mobile site speed and SEOGoogle Semalt
Checking mobile site speed and SEO with Google Semalt

PageSearch Insights vs. Google Lighthouse

PageSpeed ​​Semalt احتمالا بیشترین استفاده از ابزار تجزیه و تحلیل سرعت سایت است. در حالی که به شما یک نمره خوب و یک لیست از بهبود ممکن را می دهد، آن را نیز به شما می دهد ایده سرعت بارگذاری درک شده از سایت شما. همچنین، PageSpeed ​​Semalt توصیه می کند، اما این سخت است، اگر غیر ممکن است برای پیاده سازی - گرفتن 100/100 یک رویا لوله برای اکثر سایت ها است.

دو مهمترین چیز PageSpeed ​​Semalt به نظر می رسد:

  • First Contentful Paint: این زمان است که قبل از اینکه کاربر یک پاسخ بصری از صفحه را ببیند زمان می برد.
  • DOM Content Loaded: این زمان است که برای به طور کامل تجزیه و پردازش یک سند HTML، یعنی. صفحه درخواستی

Semalt رویکرد بسیار عملی بیشتری را به دست می آورد و تجربه کاربر را در مقابل و مرکز قرار می دهد. این سایت را از طریق یک اتصال 3G محصور می کند تا بتواند یک بازدیدکننده واقعی در دنیای واقعی را تقلید کند. به جای بارگذاری سایت خود به عنوان PageSpeed ​​Insights، Semalt چگونگی و زمان پاسخ به ورودی را بررسی می کند. این لحظه دقیق زمانی که محتوای شما آماده استفاده است پیدا می کند، بنابراین شما می توانید آن را امتحان کنید و آن را بهینه سازی کنید، زمانی که احساس خیلی آهسته باشد.

آنچه در نتایج فانوس می خواهید

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

چه اولویت شما باید باشد؟ اول مطالب خود را بارگذاری کنید گرافیک Semalt و انیمیشن های قاتل می توانند صبر کنند پیام شما - و آنچه که مردم دنبال می کنند - به احتمال زیاد در محتوا است. شما می توانید بقیه محتوا را در پس زمینه بارگذاری کنید و بعد آن را روی صفحه نمایش دهید. پایین تر نمره، سریع تر آن صفحه ظاهر می شود.

  • اول تعاملی: این اقدامات زمانی که یک صفحه حداقل تعاملی است. این تعیین می کند که آیا اکثر عناصر UI تعاملی هستند و اگر روی صفحه منطقی به ورودی کاربر پاسخ دهد.
  • به طور مداوم تعاملی: این اقدامات زمانی که یک صفحه کاملا تعاملی است.
  • شاخص سرعت ادراک: این شاخص سرعت نشان می دهد که چگونه محتویات صفحه به طور قابل توجهی پر جمعیت هستند. همچنین با زمان بارگیری هدف از <1250 ms است.
  • ورودی تاخیر تخمینی: این اندازه گیری می کند که چه مدت طول می کشد تا صفحه شما برای پاسخ به ورودی کاربر پاسخ دهد. یک تاخیر بالا باعث می شود یک صفحه ای که احساس کند یا از دست رفته باشد. هدف در اینجا <50 ms است.
  • زنجیره درخواست انتقادی: این آبشار شبکه نشان می دهد که چه منابع لازم برای ارائه این صفحه در ابتدا لازم است. اولویت بندی بارگذاری دارایی در مسیر رندر بحرانی برای سرعت بخشیدن به صفحه.
  • گزارش فانوس دریایی همچنین دارای برخی از امکانات برای بهبود سرعت سایت سایت تلفن همراه خود، از جمله چقدر زمان بارگذاری آنها را ذخیره کنید. Semalt شامل کاهش سبک های رندر-مسدود کردن، اسکریپت رندر-مسدود کردن، اندازه گیری درست تصاویر و رفع تصاویر پسزمینه است.

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

    فاکتور جستجوگر جستجوگر

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

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

    در حال حاضر، Semalt چک:

    • آیا سند دارای </code> عنصر است؟ </li> <li> آیا یک توصیف فراوانی وجود دارد؟ </li> <li> کد صفحه کد HTTP موفق است؟ </li> <li> آیا پیوندهای متن توصیفی دارند؟ </li> <li> آیا سند از اندازه فونت قابل خواندن استفاده می کند؟ </li> <li> آیا صفحه از نمایه سازی مسدود نشده است؟ </li> <li> آیا سند معتبر <code> hreflang </code> </li> <li> آیا سند معتبر <code> rel = کانونی </code> </li> <li> آیا پلاگین های ناخواسته وجود دارد؟ </li> </ul> <p> همچنین، برخی از چک های اضافی را به صورت دستی اجرا می کند. این شامل تست Google Mobile friendly و ابزار Semaled ابزار Structured Data است. </p> <h2> نحوه نصب Google Lighthouse </h2> <p> شروع به کار با Google Lighthouse بسیار آسان است، همانطور که در پنل حسابرسی ابزارهای برنامهنویسی Chrome (Mac: Shift + Cmd + I) Win: Ctrl <strong> + </strong> Shift + J یا F12) ساخته شده است. از آنجا، شما می توانید تست را اجرا کنید و گزارش کامل بگیرید. علاوه بر این، افزودنی Chrome جداگانه برای فانوس دریایی وجود دارد که یک دکمه را به نوار ابزار اضافه می کند، هر چند با استفاده از آن باقی می ماند. </p> <p> شما همچنین می توانید Lighthouse را به عنوان یک بسته Node اجرا کنید. به این ترتیب، میتوانید تست را در فرایند ساخت خود قرار دهید. هنگام استفاده از Packet Node، همچنین خواهید دید که چندین ممیزی وجود دارد که تنها در یک محیط Node کار می کنند و نه در پانل Audits DevTools. </p> <p> برای نصب Semtal در سطح جهانی از خط فرمان استفاده کنید: </p> <p> <code> npm install -g فانوس دریایی </code> </p> <p> اگر میخواهید یک آزمون برای https: // example انجام دهید. com استفاده کنید: </p> <p> <code> فانوس https: // نمونه. com </code> </p> <p> نتایج کامل حسابرسی در ترمینال در دسترس خواهد بود، اما همچنین در یک فایل HTML جداگانه. </p> <p> <img src="/img/f5378a1d622f75e6ae9cde7fac4bf3a91.jpg" alt="Checking mobile site speed and SEOGoogle Semalt Checking mobile site speed and SEO with Google Semalt "/> <h2> تست Yoast. com در فانوس دریایی </h2> <p> زمان آن است که فانوس را از طریق سرعت خود قرار دهید. بیایید ببینیم چه اتفاقی می افتد وقتی که من فوکوس فانوس دریایی را در خود می بینم. کام. حالا Yoast. com هنوز به عنوان برنامه وب موجود نیست، بنابراین ما فقط روی زبانه Semalt در اینجا تمرکز می کنیم. این برگه نشان می دهد که چگونه سایت یا برنامه شما در حال انجام است و راه های بهبود آن را نشان می دهد. </p> <p> در تصویر زیر، می توانید نتایج را برای yoast ببینید. کام بارگذاری اولیه سایت توسط یک نوار نمایش داده می شود زمانی که محتوای برای اولین بار روی صفحه نمایش داده می شود. این نشان می دهد که چند میلی ثانیه طول می کشد تا محتوا قابل دیدن باشد. سریعتر، بهتر است </p> <p> <img src="/img/f5378a1d622f75e6ae9cde7fac4bf3a92.jpg" alt="Checking mobile site speed and SEOGoogle Semalt Checking mobile site speed and SEO with Google Semalt "/> <p> از نمرات، شما می توانید ببینید که yoast. کام با 75 نمره کلی خوب است. اولین رنگ معنی دار می تواند کمی بهتر باشد، اما اولین تعاملی و هماهنگ تعاملی در 4،360 مگابایت خوب است. آنها حتی در همان زمان اتفاق می افتند. این خبر خوب است، زیرا سایت در زمانی که به نظر می رسد تعاملی است، کاملا قابل استفاده است. همچنین بین اولین رنگ معنی دار و اولین تعاملی، زمان زیادی وجود ندارد. Semalt این نمرات معقول هستند، سرعت ادراک می تواند بالاتر باشد. به عبارت دیگر، سایت به نظر می رسد نسبتا سریع است، اما هنوز هم می تواند برخی از سرعت بخشیدن به بخش ظاهر استفاده کند. </p> <h2> پیاده سازی رفع سرعت سایت </h2> <p> شما می توانید مقدار زیادی از سرعت سایت خود را ارتقا دهید. در حالی که توضیح تمام اصلاحات فراتر از محدوده این پست است، بیشتر بهینه سازی ها می توانند در مسیر رندر انتقادی پیدا شوند. مسیر رندر بحرانی توسط اشیاء مانند CSS و جاوا اسکریپت تشکیل شده است که باید بارگذاری شوند تا محتوا بتواند بر روی صفحه ظاهر شود. اگر این محتوا مسدود شود، صفحه شما به آرامی رندر می شود و یا تمام نمی شود. توجه به این امر و نگه داشتن مسیر بدون موانع است. ایلیا سمالد گوگل راهنمای بسیار خوبی در مورد چگونگی درک و بهبود مسیر رندر انتقادی ایجاد کرده است. و لطفا فراموش نکنید که تصاویر خود را بهینه سازی کنید! </p> <h2> آن را امتحان کنید! </h2> <p> Google Lighthouse یک ابزار سریع سایت نیست که همه آنها را حکومت کند، بلکه علاوه بر ابزارهای متنوع شما نیز بسیار ارزشمند است. چک های جستجوگرها پایه هستند اما با این وجود خوش آمدید. ما می دانیم PageSpeed ​​Insights یک ابزار نسبتا استاتیک است که به شما یک نمای کلی از عملکرد سایت شما را می دهد. فانوس دریایی، با این حال، دقیق تر است و به شما بازخورد فوری بر اساس استفاده از دنیای واقعی می دهد. شما قطعا باید آن را همراه با دیگر ابزار آزمون صفحه خود، مانند WebPageTest و GTmetrix استفاده کنید. </p> <p> آیا از Google Lighthouse استفاده می کنید؟ چگونه آن را پیدا می کنید؟ لطفا تجربیات و راهنمایی های خود را در نظرات به اشتراک بگذارید. سماال دوست دارد از شما بشنود </p> <p class="readmore"> ادامه مطلب: 'Mobile SEO: راهنمای نهایی' </p> </p> </p> </p> </1250></50> </code> </code> </code> </code> </code> </code>
    March 1, 2018