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


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

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

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

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

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

مولر می گوید:

«استفاده از عناصر سفارشی در احتمالاً رندر صفحه در جستجوی Google را خراب می‌کند. اگر متا تگ‌های «جستجو» و غیره در زیر عناصر سفارشی که باید در باشند (مانند robots noindex)، ممکن است Google آنها را در حین رندر تشخیص ندهد.

آشنایی با نحوه نمایش صفحات وب توسط گوگل

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

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

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

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

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

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

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

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

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

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

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

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

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

یک جایگزین: برچسب های JSON-LD

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

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

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


منبع: https://www.searchenginejournal.com/googles-john-mueller-warns-against-custom-elements-in-head/489737/