جان مولر گوگل در مورد عناصر هدر سفارشی هشدار می دهد


اخیراً در توییتر بحثی در مورد اعتبار استفاده از عناصر سفارشی در آن وجود داشت بخش صفحات وب

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

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

در توییتر، شخصی می‌پرسد: “آیا کسی می‌داند که داشتن یک عنصر سفارشی در سر سند از نظر فنی معتبر است؟”

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

مولر می گوید:

“استفاده از عناصر سفارشی در احتمالاً رندر صفحه در جستجوی Google قطع می شود. اگر متا تگ “جستجو” و غیره وجود دارد. در زیر عناصر سفارشی که باید در (مانند روبات های noindex)، ممکن است گوگل آنها را در حین رندر تشخیص ندهد.”

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

برای درک کامل پیامدهای بیانیه مولر، مهم است که بدانیم گوگل چگونه صفحات وب را ارائه می دهد.

می توانید HTML یک صفحه وب را به عنوان یک دستور غذا و منابعی مانند CSS، جاوا اسکریپت، تصاویر و ویدیوها را به عنوان مواد تشکیل دهنده در نظر بگیرید.

فرآیند رندر مانند پخت و پز است و دستور غذا را به محصول نهایی تبدیل می کند که کاربران در مرورگر خود می بینند.

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

مفاهیم SEO تگ های سفارشی HTML

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

تگ‌های سفارشی می‌توانند بر سئو تأثیر بگذارند، زیرا موتورهای جستجو مانند Google به طور سنتی برای درک محتوای صفحه و ساختار به برچسب‌های استاندارد HTML متکی هستند.

به عنوان مثال، اگر یک عنصر سفارشی در استفاده شود ممکن است Google برچسب‌های استانداردی را که در حین رندر دنبال می‌شوند تشخیص ندهد.

این می تواند باعث شود گوگل متا تگ های مهم مرتبط با سئو را از دست بدهد.

استدلال مخالف استفاده از تگ های HTML سفارشی

اگرچه تگ های HTML سفارشی انعطاف پذیری را ارائه می دهند، دلایلی برای استفاده محتاطانه از آنها وجود دارد.

علاوه بر نگرانی‌های مولر، تگ‌های HTML سفارشی می‌توانند به طور بالقوه باعث مشکلات سازگاری با مرورگرهای قدیمی و صفحه‌خوان‌ها شوند.

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

جایگزین: تگ های JSON-LD

برای کسانی که به دنبال بهبود سئو هستند و در عین حال انعطاف‌پذیری تگ‌های سفارشی را حفظ می‌کنند، تگ‌های JSON-LD جایگزین امیدوارکننده‌ای هستند.

JSON-LD یا علامت گذاری شی جاوا اسکریپت برای داده های پیوندی، روشی را برای رمزگذاری داده های پیوندی با استفاده از JSON ارائه می دهد.

هنگامی که به درستی ساختار یافته باشد، این داده ها می توانند در یک استفاده شوند