10 تگ HTML برای سئو که حتما باید از آن ها استفاده کنید

آِیا تا به حال شما محتوای آنلاین خودتان را منتشر کردید؟ یکی از مهم ترین بخش های انتشار محتوا به صورت آنلاین بر روی وبسایت، قبه نمایش گذاشتن صفحات سایت در دید کاربران است. تقریبا 93% از تجربه های آنلاین از یک موتور جستجو شروع می شه. هدف هر وبسایت به دست آوردن ترافیکه .از میان بهترین روش ها برای مشارکت مخاطبین، استفاده کردن از تگ های HTML برای سئو سایته. در حقیقت، قابلیت مشاهده سایت در موتور جستجو را می توان با استفاده از تگ های سئو در HTML تا حد زیادی بهبود بخشید.

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

تگ های HTML برای سئو چه مواردی هستند؟

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

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

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

«به صورت کلی، به نظر من سئو حالا به یکی از تکنیک های رایج در بازاریابی تبدیل شده، درست مثل رادیو، تلویزیون و تبلیغات چاپی که معمولا روش های رایج تبلیغات بودن». ازین رو شما حتما در زمان ساختن وبسایت باید سئو سایت خودتون رو هم در نظر داشته باشید.

آیا تگ های HTML هنوز در سال 2020 هم اهمیت دارند؟

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

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

شما میتونید انواع مختلف از تگ ها را بررسی کرده و اهمیت اونا رو از نظر سئو بررسی کنید.

تگ های مهم HTML برای سئو شامل این تگ هاست:

تگ عنوان

هر نتیجه ای که در موتورهای جستجو نمایش داده میشه، چه در گوگل و چه در بینگ، از تگ عنوان به دست میاد و همین موضوع باعث شده که این تگ به یکی از مهم ترین موارد در سئو تبدیل بشه. تگ عنوان باید با عنوان مقاله ارتباط داشته باشه. علاوه بر این، پیشنهاد می کنیم که این تگ همیشه کمتر از 70 کاراکتر داشته باشه چون ممکنه در صورت طولانی بودن تگ، عبارت شما به صورت تقطیع شده در SERP نمایش داده بشه. به علاوه شما نباید تلاش کنید به زور از کلمات کلیدی در تگ خودتون استفاده کنید و بهتره که بیشتر شبیه به بخش اولیه مقاله تون باشه.

به عنوان مثال شما میتونید از تگ «5 روش برای شستن لباس ها» استفاده کنید. اما اگر برای همین مقاله از تگ «5 دلیل برای نشستن لباس ها» استفاده کنید قطعا باعث ابهام می شه. کسی که به دنبال روش هایی برای شستن بهتر لباس ها می گرده قطعا از این تگ استقبال زیادی نمیکنه.

در واقع استفاده از تگ «5 روش برای شستن لباس ها در 2020» باعث می شوه که افراد متوجه بشن که در واقع مقاله شما یک مقاله به روز هست.

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

شما باید:

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

تگ متا دیسکریپشن

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

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

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

شما باید:

یک متا دیسکریپشن منحصر به فرد برای هر صفحه داشته باشید که به صورت شفاف ارزش صفحه شما رو نشان بده.
چکیده های گوگل معمولا 150 تا 160 کاراکتر را نمایش میدن. ازین رو بهتره که شما بین 70 تا 200 کاراکتر با تراکم تصویری 400 در 930 پیکسل رو برای تگ های خودتون استفاده کنید.
شما باید از مهم ترین کلمات کلیدی خودتون در این تگ استفاده کنید. اما نباید بیش از حد این کار رو انجام بدید.
شما باید از نکته های فراخوان عمل جذاب در این تگ استفاده کنید.
بازاریاب متخصص و فعال نیل پاتیل یک نمونه بسیار خوب از روش استفاده از این تگ را ارائه کرده که شاید بد نباشه شما هم بدونین ، او میگه «مثلا، شما از عبارت بازاریابی دیجیتال در تگ عنوان خودتون استفاده می کنید اما فقط از عبارت سئو در متا دیسکریپشن خودتون استفاده می کنید. در این صورت موتورهای جستجو رتبه بندی پایین تری رو برای شما در نظر می گیرند چون نمی تونن به صورت دقیق مشخص کنن که محتوای شما در چه زمینه ای هست.»
متا تگ های HTML به این صورت هستند:

تگ های سربرگ

این تگ ها به هدف تجزیه کردن اطلاعات در مقاله مورد استفاده قرار می گیرن تا خواننده بتونه به راحتی از مقاله استفاده کنه. در واقع 55% از بازدید کننده ها نهایت 15 ثانیه وقت می ذارن تا محتوای شما را سریع برسی کنن. تگ های سربرگ به صورت زیر هستند:

<h1> </h1> – برای عناوین صفحه وب رزرو شده است.

<h2> </h2> – برای عنوان استفاده می شود.

<h3> </h3> – نکات را منعکس می کند.

<h4> </h4> – نکات فرعی زیر <h3>.

<h5> </h5> – اغلب مورد استفاده قرار نمی گیرد ، اما می تواند برای حمایت از نکات <h4> استفاده شود.

موتورهای جستجو نیز از تگ های سربرگ استفاده می کنن تا بخش های محتوایی رو شناسایی کرده و چکیده های ویژه رو در موتور جستجو ارائه کنن. ازین رو این تگ ها برای سئو اهمیت زیادی دارند.

تگ

در صورتی که شما در مقاله خودتون از گرافیک استفاده کنید می تونید تا 94% بازدید بیشتری رو برای صفحه خودتون به ارمغان بیارید. همچنین برای این که به موتور جستجو کمک کنید تا بتونه این گرافیک ها رو شناسایی کنه، حتما باید از تگ HTML برای سئو استفاده کنید. این تگ در هر صفحه ای که تصویر داره دیده می شه. این تگ تصاویر رو به صورت قالب های PNG, JPEG, یا GIFنشون میده. این تصاویر رو می شه به صورت یک لینک به یک فایل دیگه پیوست کرد. این تگ سه ویژگی دارد:

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

این تگ همچنین یک زمینه مناسب رو ارائه می کنه زیرا موتورهای جستجو نمی تونن تصاویر را مشاهده کنن. ازین رو، شما همیشه باید بهترین تلاش خودتون را انجام بدید تا بتونید بهترین تصاویر رو بهینه سازی کنید تا در تصاویر گوگل نمایش داده بشن.

ساختار تگ های به این صورته:

تگ <a>

بدون داشتن تگ های متن لنگری، نمی تونید در فایل های HTML لینک ایجاد کنید. ویژگی href نشون دهنده URL صفحه ای ست که به این تگ لینک شده . ویژگی hreflang در این تگ نشون دهنده زبان سند در لینک و یکی از مهم ترین تگ های HTML برای سئو هست.

به عنوان مثال :

<a href=”URL”>The link to the Hindi version is here</a>

تگ گراف باز

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

مثلا:

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

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

راهکار های پیشنهادی برای تصاویر گراف باز به صورت 1200×627 پیکسل و سایز تا 5 مگابایت است.

تگ های کارت توییتر

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

به عنوان مثال:

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

تگ های <i>, <b>, <q>

این تگ ها مسئول ایجاد متن درشت، متن کج ، زیر خط و غیره هستند. این تگ ها می تونند در زمانی که می خواین بخش مهمی از متن رو مورد تاکید قرار بدید، هم برای خواننده و هم برای موتور جستجو پررنگ می کنه تا تاکید روی اون قسمت مهم تر بشه و این تگ اهمیت بسیار زیادی در طراحی وب و محتوا نویسی داره. این تگ ها نه تنها برای سئو مهم هستند بلکه شما می تونید از نظر مخاطبین نیز بسیار جذاب تر باشید.

<i> برای متن مورب استفاده می شود.
<b> برای درشت کردن متن مورد استفاده قرار می گیرد
<q> نشان دهنده نقل قول در متن هستند

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

تگ های روبات

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

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

ساختار:

در این قسمت “noindex” به این دلیل استفاده شده که محتوای صفحه ایندکس نشه و در نتایج گوگل قرار نگیره و همچنین “nofollow” نیز به این دلیل استفاده شده که لینک های صفحه دنبال نشن و ارزش لینک در زمان محاسبه رتبه بندی، در نظر گرفته نشه.

تگ های:<ul>, <ol> و <li>

تگ <ul>: یک لیست گلوله ای بدون ترتیب رو نشون میده

تگ <ol>: نشون دهنده یک لیست مرتب

تگ<li>: نشون دهنده ارزش آیتم ها در لیست که در آن هر آیتم در لیست باید با تگ <li> شروع بشه.

ساختار: <ul>

<li>لیست بدون ترتیب</li>

</ul>
<ol>

</ol>

تگ های کنونیکال

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

ساختار:

افزایش ترافیک با تگ های HTML سئو

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