نوشته قبلی نوشته بعدی تجمعی طرح Shift – بررسی اجمالی از ۲۰۲۱ رتبه بندی گوگل عامل

تجمعی طرح Shift – بررسی اجمالی از ۲۰۲۱ رتبه بندی گوگل عامل

تجمعی طرح Shift – بررسی اجمالی از ۲۰۲۱ رتبه بندی گوگل عامل منتشر شده در ژوئن 12, 2020ارسال دیدگاه

تجمعی طرح تغییر (CLS) توسط گوگل متریک است که اقدامات یک تجربه کاربری رویداد. این متریک است گفت: برای تبدیل شدن به یک فاکتور رتبه بندی در سال ۲۰۲۱٫ که به معنی آن برون مهم است به درک چه CLS است و چگونه برای بهینه سازی برای آن است.

تبلیغات
ادامه مطلب در زیر

تعریف تجمعی طرح شیفت

CLS غیر منتظره تغییر صفحه وب عناصر در حالی که صفحه هنوز دانلود. انواع عناصر که تمایل به ایجاد تغییر فونت, تصاویر, ویدئوها, تماس, فرم, دکمه ها و دیگر انواع محتوا.

به حداقل رساندن CLS مهم است زیرا صفحاتی که تغییر در اطراف می تواند باعث ضعیف تجربه کاربر.

یک فقیر CLS نمره نشان دهنده برنامه نویسی مسائل است که می تواند حل شود.

چرا CLS اتفاق می افتد

با توجه به گوگل وجود دارد, پنج دلیل که چرا تجمعی طرح تغییر اتفاق می افتد:

  1. “تصاویر بدون ابعاد
  2. تبلیغات تعبیه شده و فریم بدون ابعاد
  3. پویا تزریق محتوا
  4. فونت های وب باعث FOIT/FOUT
  5. اقدامات در حال انتظار برای یک شبکه پاسخ قبل از به روز رسانی DOM”
تبلیغات
ادامه مطلب در زیر

تصاویر و ویدئوها نیاز به ارتفاع و عرض ابعاد اعلام شده در HTML. با توجه به تصاویر پاسخگو مطمئن شوید که تصاویر مختلف برای اندازه های مختلف نمای استفاده از همان نسبت ابعاد.

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

تبلیغات می تواند باعث CLS

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

پیشنهاد ویژه  چرا شما باید مهارت های تفکر انتقادی خود را بهبود بخشید و چگونه آن را انجام دهید

برای مثال اگر شما سبک div به ارتفاع خاص و عرض سپس تبلیغ خواهد بود و محدود به آن است.

تبلیغات
ادامه مطلب در زیر

وجود دارد دو راه حل وجود دارد و اگر برون عدم موجودی و تبلیغ ندارد و برون t نشان می دهد.

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

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

تبلیغات
ادامه مطلب در زیر

پویا تزریق مطالب

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

وب مبتنی بر فونت ها

دانلود فونت های وب می تواند باعث چه برون شناخته شده به عنوان فلش از متن نامرئی (FOIT) و فلش از Unstyled متن (FOUT).

یک راه برای جلوگیری از آن استفاده از rel=”preload کار” در این لینک برای دانلود که فونت وب.

فانوس دریایی می تواند کمک به شما در تشخیص آنچه که باعث CLS.

پیشنهاد ویژه  سایت گوگل کیت آسیب پذیری های پلاگین وردپرس

CLS می توانید دزدکی حرکت کردن در طول توسعه

تجمعی طرح shift می توانید از طریق لغزش در طول مرحله توسعه است. آنچه اتفاق می افتد این است که بسیاری از دارایی های مورد نیاز برای رندر صفحه در حال بارگذاری شده بر روی یک مرورگر برون کش. دفعه بعد یک توسعه دهنده و یا ناشر و بازدیدکننده داشته است صفحه در حال توسعه آنها را به دست آورد برون t متوجه طرح تغییر به این دلیل که عناصر صفحه در حال حاضر دریافت کنید.

تبلیغات
ادامه مطلب در زیر

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

چگونه تجمعی طرح تغییر محاسبه شده است

محاسبه شامل دو متریک/حوادث. برای اولین بار است که به نام تاثیر کسری.

تاثیر کسری

تاثیر کسری اندازه گیری چقدر فضای ناپایدار عنصر طول می کشد تا در دید.

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

هنگامی که یک عنصر محبوبیت و سپس تغییرات کل فضایی که عنصر اشغال از مکانی که آن را به اشغال در دید زمانی که آن را برون اولین ارائه شده به محل نهایی هنگامی که صفحه ارائه شده است.

تبلیغات
ادامه مطلب در زیر

در این مثال که گوگل با استفاده از یک عنصر که اشغال ۵۰% از دید و پس از آن قطره پایین توسط یکی دیگر از ٪ ۲۵٫

هنگامی که اضافه شده هم ۷۵% ارزش است به نام تاثیر کسری و آن را برون به عنوان یک بیان نمره ۰٫۷۵٫

پیشنهاد ویژه  سئو منفی و رتبه بندی گمشده؟ این را بخوان

فاصله کسری

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

در مثال بالا در صفحه عنصر منتقل شد ۲۵ درصد.

بنابراین در حال حاضر تجمعی طرح محاسبه نمره ضرب تاثیر کسری با فاصله کسری:

۰٫۷۵ x 0.25 = 0.1875

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

تبلیغات
ادامه مطلب در زیر

چگونه برای اندازه گیری CLS

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

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

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

آزمایشگاه ابزار شامل Chrome Dev Tools و فانوس.

درک تجمعی طرح شیفت

این’s مهم است به درک تجمعی طرح تغییر است. آن برون لازم نیست به درک چگونه به انجام محاسبات خودتان. اما فقط دانستن در مورد آن و آنچه در آن است مهم است زیرا این متریک برنامه ریزی شده است برای تبدیل شدن به یک فاکتور رتبه بندی زمانی در ۲۰۲۱٫

منبع مقاله

دیدگاهتان را بنویسید

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