به زبان ساده Core Web Vitals ابتکار گوگل برای رتبه بندی وب سایت ها بر اساس عملکرد، سرعت و تجربه کاربر است. در واقع گوگل با جمع آوری لیست بلند بالایی از خطاها و نکات مختلف قصد بهبود عملکرد وب سایت ها را دارد. با بررسی هر کدام از این موارد متوجه اهمیت این موتور جستجو به کاربران وب خواهیم شد. در واقع هدف گوگل از ارائه این راهنما، بهبود تجربه کاربران است. از طرفی می توان این نکات را به بهبود سئو تکنیکال سایت نیز نسبت داد. گوگل با بررسی وب سایت و اعلام خطاها، ما را در داشتن یک وب سایت سریع تر و بهینه تر راهنمایی می کند. روش های مختلفی برای بررسی عملکرد سایت وجود دارد. یکی از ساده ترین و بهترین روش ها، استفاده از ابزار لایت هاوس گوگل است. در مطلب «گوگل Lighthouse چیست» به معرفی و بررسی این ابزار جذاب گوگل پرداختیم.
لیست Core Web Vitals
ما در توسی، به دلیل اهمیت این نکات و خطاها، تصمیم به بررسی تمام موارد این لیست بلند را گرفتیم. خروجی این تصمیم، مجموعه ای از پست های اینستاگرامی تحت عنوان «رفع خطاهایی که لایت هوس گوگل به سایتمون میده» شد! به دلیل استقبال از این سری، تصمیم به گردآوری آن بر روی وب سایت خود گرفتیم. در این برگه لیست خطاهای بررسی شده و نکات مهم برای بهبود SEO تکنیکال وب سایت را درج می کنیم. هر چهارشنبه یک پست با موضوع Core Web Vitals بر روی اینستاگرام توسی منتشر می شود. لذا این برگه به صورت مرتب بروزرسانی می شود.
هر کدام از موارد زیر لینک ویدیو مربوط، در اینستاگرام توسی است. لذا برای دسترسی از ابزار های مناسب استفاده کنید! به دلیل تعداد بالای خطاها و نکات، برای یافتن گزینه مورد نظر خود میتوانید از قابلیت جستجو (Find) مرورگر استفاده کنید. این قابلیت در ویندوز با کلید ترکیبی CTRL+F و در مک با کلید ترکیبی CMD+F قابل دستیابی است. مرورگر ها در اندروید و iOS نیز در منوی کناری این قابلیت را دارند. ترتیب نمایش نیز به ترتیب الفبا است!
all text remains visible during webfont loadsavoid large layout shiftsavoids an excessive dom sizebackground and foreground contrast ratiodefer offscreen imagesdocument uses legible font sizesefficient cache policy for static assetsefficiently encode imageseliminate render-blocking resourcesenable gzip in serverhow the performance score is weightedimage elements do not have alt attributesimage elements do not have explicit width and heightimages must have alternate textinitial server response timelargest contentful paintlinks are not crawlablelinks do not have a discernible nameminify css jsminimize main-thread workpreload largest contentful paint imagepreload web fontsproperly size imagesselect element must have nameserve images in next-gen formatstap targets are sized appropriatelyuse http/2use passive listeners to improve scrolling performanceuse video formats for animated content تعداد خطاهای بررسی شده: 29