6 تگ HTML که در سئو کاربرد دارند | تگ های مهم HTML در سئو

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

تصویر زیر یک تگ متا دیسکریپشن را نشان میدهد:

و این چیزی است که در گوگل به عنوان متا دیسکریپشن مشاهده میکنید:

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

تگ های HTML هم برای سایت سودمند هستند و هم برای بازدیدکنندگان. چرا؟

ساختار

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

• هدینگ ها
• پاراگراف ها
• لیست ها
• جدول ها

موتورهای جستجو با وجود این تگ ها میتواند بهتر محتوای صفحه را ایندکس کند.

درک و فهم

تگ های HTML سئو به موتورهای جستجو میفهمانند که هر یک از عناصر در صفحه وبسایت شما دقیقا چه هدفی دارند. موتورهای جستجو درک انسانی ندارند و بهتر است بگوییم برای فهم دقیق نوشته ها و محتویات سایت ما کمی نیاز به کمک دارند. با استفاده از تگ های مرتبطی مثل <title>, <meta>, و <alt>شما به موتورهای جستجو کمک میکنید که موضوع اصلی صفحه و همچنین هدف محتوایتان را بهتر درک کنند.

خوانایی

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

تگ های HTML مهم در سئو

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

تگ تایتل <title>

تگ تایتل یک تگ  HTML ضروری در سئو است که برای تعیین عنوان یک صفحه وب استفاده میشود و در صفحات نتایج موتورهای جستجو (SERP) به عنوان یک پیوند قابل کلیک نمایش داده میشود. تگ تایتل برای تجربه کاربر و سئو مهم هستند. این تگ توضیح مختصری از صفحه ارائه میکند و در یک جمله کوتاه میگوید اگر روی آن کلیک کنید با چه محتوایی رو به رو میشوید. به این ترتیب کاربران میدانند وقتی روی آن کلیک کنند با چه چیزی مواجه میشوند. با مشخص کردن تگ تایتل و به موتورهای جستجو کمک کنید تا محتوا را بهتر درک کنند.

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

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

برای اضافه کردن تگ تایتل باید از <title> در کدهای HTML خود استفاده کنید. به عبارتی برای نوشتن تایتل یا عنوان خود باید از این فرمت استفاده کنید: <title> title text </title>

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

نکات مهم در نوشتن تگ تایتل

• مختصر و مفید: طول نوشته را بین 50 تا 60 کاراکتر نگهدارید. اگر عنوان شما بیش از حد طولانی باشد ممکن است بخشی از آن در نتایج سرچ نشان داده نشود.
• تکراری نبودن: سعی کنید تگ های تایتل را منحصر به فرد انتخاب کنید تا به فهم بهتر موتورهای جستجو کمک کنید.
• کلمه کلیدی: حتما از کلمه کلیدی خود در تگ تایتل استفاده کنید.
• نتایج سرچ را بررسی کنید: کلمه کلیدی و عنوانی که مد نظر دارید را سرچ کنید و تگ تایتل را در سایت های رقبا بررسی کنید. این کار باعث میشود ایده بهتری برای عنوان کامل پیدا کنید.
• دقیق بودن: تگ تایتل باید با هدینگ H1 همان صفحه مشابه و یا یکسان باشد تا موتور جستجو درمورد موضوع اصلی صفحه دچار سردرگمی نشود.
• ترتیب نوشتن: بهتر است کلمه کلیدی مهم تر را در ابتدای عنوان به کار ببرید اما این کار الزامی نیست.

تگ متا دیسکریپشن <meta description>

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

برای پیاده سازی تگ متا دیسکریپشن باید از فرمت زیر پیروی کنید:

<meta name=”description” content=”Learn how to develop a tone of voice for your brand and use our template to get started.”>

قسمت name=”description” مشخص میکند که متادیتایی که شما درحال آماده سازی آن هستید درواقع چه چیزی است. (دیسکریپشن) و در ادامه در قسمت content متنی که میخواهید به عنوان توضیح نمایش داده شود را مینویسید.

برای نوشتن یک متا دیسکریپشن خوب و کارآمد بهتر است از نکات نوشته شده در مقاله جیمکس درمورد نوشتن بهترین متا دیسکریپشن استفاده کنید.

تگ های هدر <h1> تا <h6>

تگ های هدر مثل <h1> یا <h2> به شما کمک میکند هدینگ ها و زیر مجموعه های آن ها را در صفحه مشخص کنید و ساختار محتوا را مشخص کنید. علاوه بر منظم شدن محتوای تمامی صفحات شما (از صفحه اصلی تا بلاگ ها و محصولات و…) استفاده از تگ های HTML هدر در سئو بسیار ضروری است چون به موتور جستجو کمک میکند که محتوای شما را بهتر و دقیق تر درک کند. درواقع سلسله مراتب مطالب و پاراگراف ها را به موتور جستجو نشان میدهد. این سلسله مراتب به شکل زیر است:

• <Heading 1 <h1: عنوان اصلی
• <Heading 2 <h2: عنوان های فرعی و زیرمجموعه اصلی
• <Heading 3 <h3: زیر مجموعه <h2>
• <Heading 4 <h4: زیر مجموعه <h3>
• <Heading 5 <h5: زیر مجموعه <h4>
• <Heading 6 <h6: زیر مجموعه <h5>

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

متن جایگزین تصویر <img>

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

<img src=”https://example.com/.pixel-7-pro-camera-barjpg” alt=”The back of the Pixel 7 Pro showing the aluminum camera bar”>

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

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

تگ کنونیکال <canonical>

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

<link rel=”canonical” href=”https://example.com/preferred-url-here/” />

تگ <Robots Meta <meta robots

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

• صفحه ادمین یا ورود
• صفحات تاییدیه
• صفحه نتیجه جستجوهای داخل سایت
• صفحات با محتوای تکراری سایت
• لندینگ پیج های PPC

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

<meta name=”robots” content=”noindex”>

قسمت name نوع متادیتای تعریف شده را مشخص میکند و content دستورالعمل کار است.

نقش HTML در سئو

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