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

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

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

از تگ های HTML برای سئو به منظور تأثیرگذاری و نحوه نمایش صفحات وب سایت در نتایج جستجو استفاده می‌شود. با کمک تگ‌های خاص، می‌توانیم شانس تبدیل صفحه‌های جستجوی معمولی را به غنی و شاید حتی به قطعه‌های برجسته افزایش دهیم. از آنجایی که صفحه‌های جستجوی ما می‌توانند پیشرفته‌تر شوند، تگ‌های SEO HTML می‌توانند موقعیت‌های بهتر صفحه نتایج موتورهای جستجو را ایمن کنند و ترافیک بیشتری را جذب کنند.

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

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

اگر از یک پلتفرم فروشگاهی مانند Shopify استفاده می‌کنید ، تگ‌های HTML به‌طور خودکار بهینه‌سازی می‌شوند و به اطمینان از رتبه‌بندی سایت شما در نتایج جستجو کمک می‌کنند.

بیایید نگاهی دقیق تر به هر یک از این مهم‌ترین تگ های HTML بیندازیم تا ببینیم چگونه می‌توان از آن‌ها در استراتژی سئو خود استفاده کرد.

تگ title (تگ‌های عنوان) یکی از مهم‌ترین تگ های HTML برای سئو بوده که توسط موتورهای جستجو برای تعیین موضوع صفحه و نمایش آن در صفحه نتایج موتورهای جستجو استفاده می‌شود. در HTML، یک تگ عنوان به شکل زیر است:

<title>Your Title Goes Here</title>

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

1. ارزش سئو تگ title

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

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

2. استفاده بیش از حد از کلمات کلیدی در عنوان

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

3. مطابقت نداشتن عنوان با Search Query

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

• تفاوت بین Keywords و Search Queries در سئو

4. خیلی طولانی یا خیلی کوتاه بودن عنوان

در سال 2021، گوگل تأیید کرد که به‌روزرسانی عنوان صفحه را منتشر کرده است. اگر عناوین خیلی کوتاه، خیلی طولانی یا دارای علائم نگارشی خاصی بودند، مثلاً نقطه ویرگول، الگوریتم‌ها شروع به جایگزینی عناوین با چیز دیگری می‌کردند. به عنوان مثال، اگر عنوانی خیلی طولانی بود، موتور جستجو به جای آن از سرفصل‌های H1 استفاده می‌کردند. اگر خیلی کوتاه بود، گوگل نام برند را به آن اضافه می‌کرد.

5. وجود چند عنوان جایگزین

فیس‌بوک و توییتر (X) برچسب‌های مخصوص به خود را در بخش صفحه شما دارند، بنابراین اگر از عناوین جایگزین برای این شبکه‌های اجتماعی استفاده می‌کنید، گوگل نیز ممکن است از آن‌ها به جای برچسب عنوان شما استفاده کند.

6. نحوه بهینه سازی

در اینجا بهترین روش‌هایی که باید برای بهینه سازی این تگ های HTML برای سئو رعایت کنید، آمده است:

7. طول عنوان

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

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

8. کلمات کلیدی عنوان

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

استفاده از افزونه هایی AIOSEO، Rank Math یا Yoast SEO را برای وب سایت‌های وردپرسی در نظر بگیرید تا به راحتی تگ‌های عنوان خود را بهینه کنید.
بهترین شیوه‌های فعلی برای نوشتن عنوان باید شامل یک کلمه کلیدی یا عبارت کلیدی کوتاه و پر کردن بقیه عنوان با کلمات بازاریابی می‌شود. به عنوان مثال، در اینجا دو نمونه از ساختار عنوان محبوب وجود دارد:

• 10 دوچرخه شنی برتر برای هر بودجه ای | BikeExpert

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

• نحوه انتخاب بهترین لپ تاپ برای کار | 2023

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

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

9. نام تجاری در یک عنوان

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

• اهمیت برچسب های وردپرس در سئو + نحوه صحیح استفاده از تگ در وردپرس
• راهنمای افزایش رتبه و بهبود سئو – از کجا شروع کنم؟
• مفاهیم و اصول اولیه سئو (تازه کار)

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

<meta name="description" content="Your description goes here">

در حالی که در صفحه نتایج موتورهای جستجو به نظر می‌رسد:

1. ارزش سئو

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

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

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

همانطور که توسط جان مولر توضیح داده شد، توضیحات متا اغلب برای مطابقت با کوچکترین تغییر در پرس و جو کاربر تنظیم می‌شوند. بنابراین، گوگل در واقع این متا توضیحات مختلف را به کاربران مختلف نشان می‌دهد و ارتباط قطعات جستجوی شما را بهبود می‌بخشد.

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

2. طول توضیحات متا

هیچ محدودیت فنی در طول توضیحات متا وجود ندارد، اما Google به طور کلی فقط 160 کاراکتر اول را در قطعه شما نشان می‌دهد. در نتیجه آن را هر چقدر که می‌خواهید طولانی کنید، اما مطمئن شوید که کلمات کلیدی و سایر اطلاعات مهم شما نزدیک‌تر به ابتدا ذکر شده است.

3. کلمات کلیدی توضیحات متا

فضای بیشتری در توضیحات متا نسبت به عنوان وجود دارد، بنابراین استفاده از بیش از یک کلمه کلیدی اشکالی ندارد. بهترین روش، استفاده از تغییرات کلیدواژه‌ای است که در عنوان قرار داده‌اید.

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

حتی با وجود اینکه می‌توانید از کلمات کلیدی بیشتری در توضیحات استفاده کنید، توصیه می‌شود از دو یا سه کلمه بیشتر استفاده نکنید.

4. بدون علامت نقل قول در توضیحات متا

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

از مهم‌ترین تگ های HTML برای سئو می‌توانب به تگ سرفصل ها (H1-H6) اشاره کرد که برای تقسیم صفحه شما به بخش‌ها یا فصل‌ها استفاده می‌شود. هر عنوان مانند یک عنوان کوچک در صفحه است. در HTML یک عنوان به شکل زیر است:

<h1>Your heading goes here</h1>

در حالی که در صفحه چیزی شبیه به این هستند:

1. ارزش سئو

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

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

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

در اینجا بهترین روش‌هایی که باید هنگام بهینه سازی این تگ های HTML برای سئو رعایت کنید، آمده است:

2. سلسله مراتب سرفصل ها

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

سپس سرفصل‌های H2 وجود دارد که برای تقسیم مطالب شما به فصل ها استفاده می‌شود. بهد از آن نیر سرفصل های H3 که برای تقسیم تیترهای شما به تیترهای فرعی استفاده می‌شوند. شما می‌توانید همان منطق را تا حد H6 دنبال کنید، اما به طور کلی توصیه نمی‌شود که از H3-H4 فراتر بروید. صفحات با سطوح سرفصل زیاد بیش از حد نامرتب می‌شوند.

3. کلمات کلیدی سرفصل ها

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

به عنوان مثال، فرض کنید شما راهنمایی در مورد برداشتن گچ از دیوار آجری نوشته‌اید. در سمت چپ، سرفصل هایی داریم که برای جستجو بهینه نشده اند. آنها برای پیمایش در صفحه به خوبی کار می کنند، اما هرگز به صفحه نتایج موتورهای جستجو نمی‌رسند. در حالی که در سمت راست، سرفصل‌هایی داریم که بسیار آموزنده‌تر هستند و می‌توانند توسط Google برای پاسخ دادن به سؤالات جستجوی محدود استفاده شوند.

4. سرفصل‌های موازی

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

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

<article>
    <h1>I am a heading 1</h1>
    <p>I am the paragraph of the article.</p>
</article>

تگ‌های HTML5 به نوعی جایگزین استفاده سنتی از div برای تقسیم صفحات به بخش‌ها شدند. مطمئناً، divها هنوز در حال استفاده هستند، اما آخرین برچسب های استاندارد HTML5 بسیار راحت تر قابل درک هستند، زیرا به صراحت نشان می‌دهند که چه قسمتی به چه معناست. این باعث می‌شود صفحات شما سریعتر بارگذاری شوند و در نتیجه امتیاز کلی عملکرد PageSpeed ​​را بهبود می‌بخشد. به عنوان مثال، قبل از HTML5، بخش‌های مختلف محتوای یک صفحه به شکل زیر بود:

بدیهی است که درک سریع این که کدام بخش یک مقاله، کدام یک منو و کدام یک، مثلاً یک ویدیو، آسان نبود. در HTML5، همه چیز اکنون بسیار واضح تر به نظر می‌رسد:

<header>This is a header</header>
<main>
	<h1>This is a heading H1</h1>
	<p>Some kind of intro.</p>
	<article>
		<h2>Heading 2</h2>
		<p>Your text.</p>
	</article>
	<article>
		<h2>Heading 2 of another article</h2>
		<p>Your text.</p>
	</article>
</main>

رایج ترین و پرکاربردترین این تگ های HTML برای سئو در ساخت سایت و سئو (به ترتیب حروف الفبا) نگاهی بیاندازیم و معنی آن‌ها را یاد بگیریم:

• <article>: این برچسب برای تعریف یک محتوای بزرگ و معنی دار (مقاله، پست انجمن و غیره) که به عنوان یک واحد مستقل استفاده می شود، استفاده می‌شود.
• <audio>: این تگ یک صدا یا جریان صوتی تعبیه شده را نشان می‌دهد.
• <details>: برای توصیف ویجتی استفاده می‌شود که کاربر می‌تواند اطلاعات اضافی یا کنترل‌های درخواستی را از آن دریافت کند.
• <dialog>: یک کادر محاوره‌ای یا یک پنجره فرعی را تعریف می‌کند که کاربر می‌تواند در صورت لزوم با آن تعامل داشته باشد.
• <embed>: این تگ برای جاسازی بخشی از محتوای چندرسان‌اای مانند فیلم‌ها، صداها یا هر برنامه خارجی استفاده می‌شود.
• <footer>: این تگ محتوای پاورقی صفحه، سند یا بخش را مشخص می‌کند.
• <header>: محتوای قسمت سرصفحه صفحه، سند یا بخش را تعریف می‌کند.
• <main>: این تگ به تعریف مهم‌ترین و معنی‌دارترین قسمت محتوای صفحه کمک می‌کند (برخلاف ، محتوای پیچیده‌شده در کوچک‌تر است و می‌تواند در داخل بخش باشد).
• <nav>: این تگ یک بخش صفحه را با پیوندهای ناوبری تعریف می‌کند.
• <picture>:برای تعریف یک ظرف برای چندین منبع تصویر استفاده می‌شود.
• <source>: منابع جایگزین را برای عناصر رسانه جاسازی شده مانند <audio> یا <video>
• <summary>: همراه با عنصر برای ارائه خلاصه‌ای قابل مشاهده برای کاربر استفاده می‌شود، بنابراین وقتی کاربر روی خلاصه کلیک می‌کند، اطلاعات اضافی یا محتوای موجود در عنصر قابل مشاهده می‌شود.
• <svg>: برای جاسازی یک فایل SVG در یک سند HTML استفاده می‌شود.
• <time>: این برچسب برای رمزگذاری تاریخ‌ها و زمان‌ها (تولدها، رویدادها، جلسات و غیره) در قالبی قابل خواندن توسط ماشین استفاده می‌شود.
• <video>: محتوای ویدیویی را در یک سند HTML بدون نیاز به هیچ پلاگین اضافی برای پخش یک ویدیو جاسازی می‌کند.

حقیقت این است که تنها راه برای بهینه‌سازی این تگ های HTML برای سئو این است که آن‌ها را در جاهایی که قبلاً استفاده کرده‌اید، به درستی اعمال کنید. بهتر است همیشه تگ‌های خود را از طریق وب‌سایت validator.w3.org اعتبار سنجی کنید.

ویژگی متن جایگزین بخشی از تگ تصویر است و توضیحاتی برای یک تصویر ارائه می‌دهد. در HTML ممکن است به شکل زیر باشد:

<img src="url" alt="Your image description goes here">

متن جایگزین نقش اصلی را در بهینه سازی تصویر ایفا می‌کند. تصاویر شما را هم برای موتورهای جستجو (با گفتن معنای یک تصویر خاص) و هم برای مردم (با نمایش متن جایگزین در صورتی که تصویر خاصی بارگذاری نمی‌شود یا با کمک به صفحه خوان ها برای انتقال تصاویر) قابل دسترسی است.

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

1. ویژگی alt را خالی نگذارید

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

2. اولویت بندی تصاویر

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

3. کلمات کلیدی را به ویژگی های alt خود اضافه کنید

متن‌های جایگزین یک فرصت دیگر برای استفاده از کلمات کلیدی مورد نظر شما هستند. سعی کنید از آن‌ها بیش از حد استفاده نکنید! توضیحی بنویسید که زمینه محتوای شما را فراهم کند و از یک کلمه کلیدی در جایی که مناسب است استفاده کنید. تصاویر بهینه شده با کلمات کلیدی در ترکیب با عواملی که موتورهای جستجو هنگام رتبه بندی صفحات در نظر می گیرند، عالی عمل می‌کنند.

تگ‌های Open Graph (OG) از مهم‌ترین تگ های HTML هستند که در بخش یک صفحه قرار می‌گیرند و به هر صفحه وب اجازه می‌دهند تا به یک شیء غنی در شبکه‌های اجتماعی تبدیل شود. این اولین بار توسط فیس بوک در سال 2010 معرفی شد و توسط دیگر پلتفرم‌های رسانه های اجتماعی اصلی LinkedIn، X و غیره شناخته شد. در HTML، می‌تواند به شکل زیر باشد:

<meta name="og:title" property="og:title" content="Your Open Graph Title Goes Here">

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

تعداد زیادی تگ Open Graph وجود دارد، در اینجا بهترین روش‌هایی که باید برای بهینه سازی این تگ های HTML برای سئو رعایت کنید، آمده است:

1. عنوان OG

برای این تگ سه عنوان مختلف وجود دارد که عبارتند از:

• برای جستجو (برچسب عنوان)
• برای وب سایت (H1)
• برای شبکه‌های اجتماعی (عنوان OG)

شما می‌توانید هر یک از عناوین را کپی کنید و همه چیز را ساده نگه دارید یا می‌توانید عنوان جداگانه‌ای برای اشتراک گذاری اجتماعی ایجاد کنید. به خاطر داشته باشید که این عناوین باید بین 60 تا 90 کاراکتر باشد، در غیر این صورت ممکن است این تگ های HTML برای سئو کوتاه شود.

2. نوع OG

از این تگ برای توصیف نوع موردی که به اشتراک می‌گذارید استفاده کنید مانند وب سایت، پست، ویدیو، شرکت و غیره. این تگ زمانی مهم تلقی می‌شود که صفحه شما دکمه لایک داشته باشد. ممکن است تعیین کنید که آیا محتوای شما در بخش علاقه کاربران فیس بوک در صورت «پسندیدن» ظاهر می‌شود یا خیر کمک کند.

3. توضیحات OG

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

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

4. تصویر OG

یک تصویر لینک قابل اشتراک گذاری شما را بسیار جذاب تر می‌کند. مقداری متن روی تصویر محدودیتی ندارد، اما سعی کنید آن را در وسط تصویر قرار دهید، زیرا برخی از پلتفرم‌ها لبه‌های عکس را کوتاه می‌کنند.  وضوح توصیه شده برای تصویر OG 1200×627 پیکسل و اندازه آن حداکثر 5 مگابایت است.

هنگامی که کار با متا تگ‌های OG خود را تمام کردید، می‌توانید با کمک Open Graph Object Debugger ، ابزاری که توسط فیس بوک ایجاد شده است، بررسی کنید که همه چیز چگونه به نظر می‌رسد.

تگ ربات یکی از مهم‌ترین تگ های HTML برای سئو سایت است که به موتورهای جستجو اطلاع می‌دهد که کدام صفحات سایت شما باید ایندکس شوند و کدام نه. توابع آن مشابه robots.txt است، اما robots.txt پیشنهادات (نکات) می دهد. در حالی که برچسب‌های روبات‌ها دستورالعمل ها را ارائه می‌دهند. در HTML به شکل زیر است:

<meta name="robots" content="index, follow">

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

برای مثال، می‌توانید صفحاتی با محتوای غیر ضروری داشته باشید که نمی‌خواهید در جستجو فهرست شوند، اما دوست دارید آن‌ها را حفظ کنید. در این صورت، فقط می‌توانید یک تگ noindex برای این صفحه اضافه کنید.

در اینجا بهترین روش‌هایی که باید برای بهینه سازی این تگ های HTML برای سئو رعایت کنید، آمده است:

1. آدرس دادن به ربات ها با نام

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

2. شناسایی پارامترها

Google پارامترهای زیر را در برچسب روبات شما درک می کند و به آنها احترام می‌گذارد:

• Noindex – موتورهای جستجو را از ایندکس کردن یک صفحه باز می دارد.
• Nofollow — موتور جستجو را از دنبال کردن همه پیوندهای موجود در صفحه باز می دارد (به همین دلیل با ویژگی nofollow که در سطح URL فردی اعمال می شود متفاوت است).
• دنبال کنید – پیوندهای موجود در صفحه باید دنبال شوند حتی اگر صفحه بدون فهرست باشد.
• Noimageindex — تصاویر موجود در این صفحه ایندکس نمی شوند.
• Noarchive – از نمایش یک نسخه کش شده از صفحه در نتایج جستجو جلوگیری می کند.
• None – مانند “noindex, nofollow” .

توجه داشته باشید که گوگل هر ترکیبی از حروف کوچک و بزرگ را که برای پارامترهای برچسب روبات خود استفاده می‌کنید، درک می‌کند. برای جزئیات بیشتر، برگه تقلب SEO دقیق ما از برچسب‌ها، دستورالعمل‌ها و ویژگی‌های ربات‌ها را بررسی کنید. شما یاد خواهید گرفت که چگونه به Googlebot دستور دهید تا وب سایت شما را همانطور که می‌خواهید کراول کرده و فهرست کند.

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

<link href="URL" rel="canonical">

تگ Canonical از دو جهت یکی از مهم‌ترین تگ های HTML برای سئو به شمار می‌رود:

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

Hreflang یکی از مهم‌ترین تگ های HTML برای سئو سایت بوده که در واقع یک تگ نیست بلکه یک ویژگی است. برای اینکه به گوگل بگوییم صفحات شما به زبان‌های مختلف در دسترس هستند و این صفحات را در چه آدرس‌هایی می‌توان پیدا کرد، استفاده می‌شود. علاوه بر این، حاشیه نویسی‌های hreflang به هدف گذاری کشور کمک می‌کند، زیرا به Google اجازه می‌دهد بفهمد صفحه شما را کجا نشان می‌دهد. در HTML، ویژگی های hreflang ممکن است به شکل زیر باشد:

<link rel="alternate" hreflang="en-gb" href="https://example.com/en-gb/" />

یا

<link rel="alternate" hreflang="en" href="https://example.com/en/" />

تگ‌های Hreflang برای هر کسی که با سئوی بین المللی سر و کار دارد بسیار ضروری بوده و یکی از مهم‌ترین تگ های HTML برای سئو می‌باشد.

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

توجه: اگرچه مکان یابی تگ‌های hreflang در بخش بهترین گزینه در نظر گرفته می‌شود ، شما همچنین می‌توانید حاشیه نویسی hreflang را در نقشه سایت XML قرار دهید. این برای وب سایت‌هایی که خیلی بزرگ هستند مناسب است. همچنین گزینه‌ای برای افزودن hreflang در هدر HTTP وجود دارد، راهی برای فایل‌های غیر HTML مانند .pdf، .doc. و غیره.

نشانه گذاری اسکیما در واقع یک سیستم کامل از مهم‌ترین تگ های HTML است. آن‌ها را می‌توان به کد شما اضافه کرد تا به موتورهای جستجو در مورد موراد زیر بگوید:

• جزئیات تماس شما
• قیمت محصول
• مواد تشکیل دهنده دستور پخت و موارد دیگر.

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

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

نشانه گذاری اسکیما ممکن است کمی پیچیده شود و چیزی نیست که بتوانید با دست تایپ کنید. بهترین راه برای اعمال اسکیما در یک صفحه، استفاده از Structured Data Markup Helper است . در آنجا، می‌توانید نوع Schema را انتخاب کنید، URL خود را وارد کنید، سپس به سادگی متن صفحه را انتخاب کرده و علامت‌گذاری کنید:

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

تگ HTML “nofollow” یکی از مهم‌ترین تگ های HTML برای سئو بوده که به موتورهای جستجو دستور می‌دهد پیوندهای موجود در یک صفحه وب را دنبال نکنند یا اعتبار SEO خود را به صفحات پیوند داده شده منتقل نکنند. 

لینک‌های Nofollow رتبه سایت شما را مستقیماً مانند لینک های dofollow افزایش نمی‌دهند ، اما هنوز هم بسیار مفید هستند. در اینجا دلیل مهم بودن این تگ های HTML برای سئو آورده شده است:

• جذب بازدیدکننده: حتی اگر یک لینک nofollow رتبه سئوی شما را افزایش ندهد، باز هم می‌تواند افراد را به سایت شما بیاورد. اگر پیوند شما در یک صفحه محبوب است، احتمالاً چهره های جدیدی را خواهید دید که محتوای شما را بررسی می‌کنند.
• طبیعی به نظر رسیدن: خوب است که ترکیبی از لینک‌های nofollow و dofollow داشته باشید. این تنوع باعث می شود نمایه لینک سایت شما طبیعی تر به نظر برسد. اگر همه پیوندهای شما به سختی سعی کنند سیستم را با dofollow بازی کنند، ممکن است موتورهای جستجو مشکوک شوند.

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

برای افزودن یک تگ HTML nofollow به یک لینک، فقط باید مهم‌ترین تگ های HTML را کمی تغییر دهید. پیوندی را ک می‌خواهید تگ nofollow را در آن اعمال کنید، پیدا کنید. سپس، در تگ anchor – این قسمتی است که با <a> شروع می شود – rel=”nofollow” را دقیقاً در داخل آن اضافه کنید:

<a href="http://example.com" rel="nofollow">Visit Example</a>

در این خط، «Visit Example» همان چیزی است که افراد روی آن کلیک می‌کنند و http://example.com جایی است که وقتی انجام می‌دهند به آنجا می‌روند. بیت rel=”nofollow” به موتورهای جستجو می‌گوید که این پیوند را دنبال نکنند. این یک تغییر ساده است، اما دقیقا همان چیزی است که شما به آن نیاز دارید تا موتورهای جستجو را از دادن اعتبار به این لینک در الگوریتم های رتبه بندی خود بازدارید. فقط آن را در HTML خود در جایی که به آن نیاز دارید قرار دهید این تا این تگ های HTML برای سئو را بهینه کنید.

متا تگ سایت ریسپانسیو (واکنش گرا) یکی از مهم‌ترین تگ های HTML برای سئو سایت است که به شما کمک می‎‌کند تا مطمئن شوید که وب سایت شما در همه دستگاه‌ها، از دسکتاپ گرفته تا گوشی‌های هوشمند، خوب به نظر می‌رسد. این تگ SEO HTML به ویژه در دنیایی که مرور در دستگاه‌های تلفن همراه بسیار رایج است اهمیت دارد.

متا تگ Responsive Site یکی از مهم‌ترین تگ های HTML برای سئو است، زیرا باعث می‌شود وب سایت شما در هر دستگاهی عالی به نظر برسد. موتورهای جستجو مانند گوگل این کار را دوست دارند زیرا سایت هایی را که به خوبی روی موبایل کار می کنند در اولویت قرار می‌دهند.

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

برای اینکه وب سایت خود را ریسپانسیو کنید که در هر دستگاهی عالی به نظر برسد، فقط باید یک متا تگ ساده به قسمت head HTML خود اضافه کنید. فایل HTML خود را باز کنید، قسمت را پیدا کنید و در این خط قرار دهید:

<meta name="viewport" content="width=device-width, initial-scale=1">

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

اگر در سایت خود تبلیغات یا حمایت مالی دارید، متا تگ Sponsored یکی از مفیدترین و مهم‌ترین تگ های HTML برای سایت شما است.

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

اگر می‌خواهید یک متا تگ Sponsored را به یک پیوند اضافه کنید، در اینجا یک راه سریع برای انجام آن وجود دارد. جایی که کد وب سایت خود را مدیریت می کنید باز کنید و پیوندی را که می خواهید به عنوان حمایت شده علامت گذاری کنید پیدا کنید. اکنون، تنها کاری که باید انجام دهید این است که rel=”sponsored” را در عنصر انکر وارد کنید. مثلا:

<a href="http://example.com" rel="sponsored">Check out our sponsor!</a>

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

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

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

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

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

<meta name="geo.position" content="latitude;longitude">

برای کشور و منطقه، از چیزی مانند زیر استفاده کنید:

<meta name="geo.region" content="country-subdivision">

و اگر می خواهید یک نام مکان توصیفی اضافه کنید، می توانید اضافه کنید:

<meta name="geo.placename" content="Place Name">

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

این تگ های HTML از مهم‌ترین تگ های HTML بوده که هر دو تگ و متن را پررنگ جلوه می‌دهند، اما تفاوت ظریفی در هدف آن‌ها وجود دارد. تگ bold فقط برای یک ظاهر طراحی شده است. متن را پررنگ می کند بدون اینکه اهمیتی داشته باشد. از سوی دیگر تگ strong، نه تنها متن را پررنگ می‌کند، بلکه نشان دهنده که این بخش مهم یا فوری است.

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

تگ strong می‌تواند سئو را اندکی تقویت کند، زیرا بر متن مهم تأکید دارد و به موتورهای جستجو نشان می‌دهد که این محتوا مهم است. این تگ می‌‎تواند به کلمات کلیدی کمک کند تا رتبه بهتری داشته باشند. با این حال، فقط بولد کردن متن تأثیر مستقیمی روی سئو نمی‌گذارد. علاوه بر آن تگ strong می‌تواند متن مهم را برای خوانندگان شما برجسته کند و تجربه کلی آن‌ها را بهبود بخشد.

برای پررنگ کردن متن در HTML، می‌توانید آن از تگ <b> استفاده کنید، مثال: <b>این متن پررنگ است</b>.

اگر می‌خواهید علاوه بر پررنگ کردن متن آن را مهم هم جلوه دهید، از تگ <strong> استفاده کنید. مثل: <strong> این متن مهم است. </strong>.

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

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