چرا باید HTML معنایی را برای سئو در نظر بگیرید؟

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

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

 تمرکز موتورهای جستجو بر محتوای اصلی

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

1. محتوای اصلی
2. مطالب تکمیلی
3. محتوای تبلیغاتی

محتوای اصلی

محتوای اصلی چیزی است که موتورهای جستجو می خواهند فهرست و رتبه بندی کنند.

مطالب تکمیلی

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

محتوای تبلیغاتی

محتوای تبلیغاتی نیز چیزی نیست که موتورهای جستجو برای خزیدن از یک صفحه وب بازدید کنند.

اهمیت HTML معنایی چیست؟

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

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

مفهوم ساختار صفحه با HTML معنایی

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

ساختار معمولی یک صفحه وب به صورت زیر است:

• سربرگ (قسمت بالایی با لوگو)
• جهت یابی
• محتوای اصلی
• پاورقی

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

عنصر <main>

گفتن اینکه یک موتور جستجو چه محتوایی را در یک صفحه وب فهرست کند به آسانی استفاده از عنصر <main> است . عنصر <main> دارای یک تگ باز (<main>) برای مشخص کردن نقطه شروع محتوای اصلی است و دارای یک تگ بسته (</main>) برای مشخص کردن نقطه پایان محتوای اصلی است.

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

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

عناصر <header> <nav> و <footer>

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

<header>

عنصر <header> می تواند برای نشان دادن ناحیه ای در بالای صفحه که لوگو و شاید یک نوار جستجو در آن قرار می گیرد استفاده شود. این بخشی است که معمولاً بالای ناحیه ناوبری است. عنصر <header> همچنین می‌تواند برای قرار دادن سرفصل‌ها (H1، H2، و غیره) استفاده شود، اما این واقعاً ضروری نیست.

<nav>

عنصر <nav> چیزی است که در اطراف ناحیه ناوبری خود می پیچید. برای مثال، اگر ناحیه پیمایش در یک <div></div> باشد، می توانید عناصر <nav> را بعد از <div> اضافه کنید.

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

<پانویس>

عنصر <footer> مانند عنصر <nav> محفظه ای است مانند div با تنها تفاوت این که عنصر <footer> معنای معنایی دارد.

HTML معنایی برای محتوای تکمیلی

فرض کنید یک صفحه وب دارید که محتوای اصلی دارد، اما همچنین دارای نوارهای جانبی، تبلیغات و جعبه های فراخوانی است که حاوی اطلاعات اضافی است که به طور محیطی با محتوای اصلی مرتبط است.

HTML معنایی عنصری به نام عنصر <aside> دارد. عنصر <aside> همچنین دارای یک تگ باز و بسته است که شروع و پایان محتوای <aside> را نشان می دهد.

عنصر HTML معنایی <article>

HTML معنایی به ناشر یا SEO اجازه می دهد تا مشخص کند که چه بخشی از محتوا مقاله واقعی است. عنصر <article> را می توان در عنصر <main> تودرتو کرد (اما نه برعکس). همانطور که گفته شد، ساده ترین و کاربردی ترین استفاده از عنصر <article> در صفحه دسته بندی محتوا است که در آن عنوان صفحه و گزیده صفحه برای صفحات مختلف دارید.

عناصر HTML معنایی زیادی وجود دارد

حدود 100 عنصر معنایی وجود دارد، اما لازم نیست از همه آنها استفاده کنید. سایر عناصر مفید معنایی HTML عبارتند از <button>، <form> و <section> که به دسترسی کاربران کمک می کند.