تگ های HTML – کشف 15 تگ کلیدی که سئوی شما را نجات می‌ دهد

تگ های HTML – کشف 15 تگ کلیدی که سئوی شما را نجات می‌ دهد

هدف هر وب سایت جذب بازدیدکننده است. بخش بزرگی از این بازدیدها از طریق موتورهای جستجو وارد سایت میشن.

شاید یکی از بهترین روش ها برای جذب مخاطب، استفاده درست از تگ های HTML برای SEO باشه.

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

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

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

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

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

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

15 تگ حیاتی HTML برای رشد سئو

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

1. استفاده از تگ عنوان (Title Tags)

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

آیا عنوان مقاله باید دقیقا با تگ عنوان یکی باشه؟ نه لزوما، ولی باید مطمئن بشید که بازدیدکننده ها رو گیج نکنید.

مثلا: اگه عنوان مقاله تون باشه:

“10 روش پخت مرغ”

تگ عنوان رو بذارید:

<title/>چرا باید مرغ بخورید<title>

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

اما اگه تگ عنوان بشه:

<title/>ده روش پخت مرغ در سال 2018<title>

این هم به مقاله مرتبطه و هم به مخاطب میگه که دستورها به روز هستن.

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

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

2. بهینه سازی تگ توضیحات متا (Meta Description Tags)

یه تگ HTML مهم دیگه برای سئو، تگ توضیحات متا (Meta Description) هست. مثل تگ عنوان، این توضیحات هم توی نتایج جستجوی گوگل نمایش داده میشن.

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

برای مثال، این تگ متا رو ببینید:

<meta name="description" content="Buy high-quality bicycle parts and save money while riding through Nevada.">

این یه مثال از استفاده عبارت کلیدی “high-quality bicycle parts” هست که اشاره میکنه کسب و کار ممکنه تو نوادا باشه.

این متن همون چیزی هست که گوگل موقع نمایش مقاله تو نتایج جستجو نشون میده.

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

3.تگ های هدر (Header Tags) رو دست کم نگیرید

تگ های هدر (Header Tags) معمولا برای تقسیم بندی محتوا استفاده میشن تا خوندنش راحت تر بشه. واقعیت اینه که حدود 55 درصد بازدیدکننده ها فقط نهایتا 15 ثانیه صرف مرور سریع محتوا میکنن.

تگ های هدر به این افراد کمک میکنن سریع تر به دنبال چیزی که میخوان بگردن و پیداش کنن. مثلا فرض کنید یه خواننده تو این بلاگ فقط به تگ های Open Graph علاقه داره.

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

از نظر سئو، تگ های هدر همچنین به موتورهای جستجو کمک میکنن تا بخش های مختلف محتوا رو تشخیص بدن و Rich Snippet های ویژه بسازن.

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

• <h1></h1> – معمولا برای عنوان صفحه وب استفاده میشه.
• <h2></h2> – موضوع اصلی زیر عنوان رو برجسته میکنه.
• <h3></h3> – نکات مرتبط با موضوع رو نشون میده.
• <h4></h4> – پشتیبانی کننده نکات بخش <h3>.
• <h5></h5> – کمتر استفاده میشه، ولی برای پشتیبانی نکات بخش <h4> عالیه.

4. اضافه کردن تگ Alt به تصاویر

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

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

نگاهی بندازید به این تگ:

<img src="Cooking.jpg">

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

<img src="Cooking.jpg" alt="cooking pork and onions">

ویژگی alt این تگ به موتورهای جستجو میگه که تصویر درباره پخت گوشت خوک با پیاز هست.

بدون تگ ALT، موتورهای جستجو نمی‌دونن تصویر درباره چیه و این میتونه باعث کاهش دیده شدن شما تو جستجوی تصاویر بشه.

5. ساخت لینک‌ ها (Building Links)

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

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

لینک دادن به چیزی که مرتبط با موضوع شما نیست، میتونه منجر به جریمه های موتور جستجو بشه.

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

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

این کار با اضافه کردن ویژگی nofollow انجام میشه، مثل این مثال:

<a href="http://somerandomwebsite.com/" rel="nofollow">your anchor text</a>

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

6. اضافه کردن تگ های Open Graph

تگ های Open Graph به بهبود نمایش و قابلیت های جستجو تو شبکه های اجتماعی کمک میکنن. مثلا وقتی محتوای شما تو فیسبوک به اشتراک گذاشته میشه، فیسبوک از این تگ ها برای نمایش اطلاعات استفاده میکنه.

این یه نمونه تگ Open Graph هست:

<meta name="og:title" property="og:title" content="The Title of Your Article">

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

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

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

7. تگ های Twitter Card

Open Graph تنها راه سفارشی سازی داده ها برای شبکه های اجتماعی نیست. توییتر یه پلتفرم مخصوص خودش به نام “Twitter Cards” داره.

توییتری کارت ها مشابه Open Graph کار میکنن، با این تفاوت که مخصوص توییتر هستن.

این یه نمونه تگ HTML برای Twitter Cards هست:

<meta name="twitter:card" content="summary">

تو این مثال، خلاصه مقاله وقتی صفحه به اشتراک گذاشته میشه توی توییتر نمایش داده میشه.

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

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

8.تگ Robots

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

چرا ممکنه بخواید این کار رو بکنید؟ چون بعضی مقالات ممکنه ارزش کافی برای رتبه بندی نداشته باشن.

مثلا فرض کنید یه پستی دارید که میخواید با خواننده ها به اشتراک بذارید، ولی کیفیت محتوای اون چندان بالا نیست.
تو این شرایط میتونید از چیزی مثل این استفاده کنید:

<meta name="robots" content="noindex, nofollow">

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

9. استفاده از تگ های Canonical در مواقع مناسب

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

http://www.yourwebsite.com
https://www.yourwebsite.com
http://yourwebsite.com
https://yourwebsite.com

تگ های Canonical (تگ های Canonical) خیلی کاربردی هستن از نظر رتبه بندی ها. این تگ ها در اصل به سایت هایی مثل گوگل میگن که کدوم دامنه ها برای شما از بقیه مهم تر هستن.

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

<link rel="canonical" href="https://yourwebsite.com/">

این به گوگل میگه که “https://yourwebsite.com/” اون آدرسی هست که روی اون تمرکز دارید. پس به جای اینکه رتبه بندی بین نسخه های مختلف اسم دامنه شما پخش بشه، دارید به صورت مشخص به گوگل میگید که کدوم یکی از اون ها باید رتبه بگیره.

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

10. تگ های متا برای سایت های ریسپانسیو (Responsive Site Meta Tags)

حدود 48 درصد از افراد از جستجوی موبایلی استفاده می‌کنن تا اطلاعاتی درباره یک محصول یا کسب و کار پیدا کنن. این یعنی باید تمرکز ویژه ای روی طراحی ریسپانسیو و موبایلی داشته باشید.

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

برای اینکه به موتورهای جستجو اطلاع بدید که طراحی ریسپانسیو دارید، می‌تونید از مورد زیر استفاده کنید:

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

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

خوشبختانه، استفاده از سیستم های مدیریت محتوا مثل وردپرس (WordPress) به صورت خودکار طراحی ریسپانسیو رو پشتیبانی می‌کنه.

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

11. اسکیما مارکاپ (Schema Markup)

اسکیما مارکاپ (Schema Markup) از لحاظ فنی یک تگ نیست، بلکه بیشتر یک تکنیک محسوب میشه. این تکنیک باعث میشه موتورهای جستجو بتونن تشخیص بدن که محتوای واقعی پست شما درباره چیه و اون رو به عنوان نتایج جستجو نمایش بدن.

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

این کار از طریق ریچ اسنیپت ها (Rich Snippets) قابل انجام هست.

برای مثال، اگه در گوگل دنبال یه کسب و کار بگردید، روی لینکی کلیک می‌کنید که فقط متن ساده نشون میده یا لینکی که پنج ستاره رضایت مشتری رو نشون میده؟

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

12. متا تگ های زبان (Language Meta-Tags)

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

این باعث میشه موتورهای جستجو اون صفحات رو در اولویت نمایش برای کاربرانی قرار بدن که از اون زبان استفاده میکنن. البته یک تگ غیر ترجمه (No-Translation Tag) هم وجود داره. شاید با شرایطی روبرو شده باشید که وقتی یک تکه از یک صفحه رو در نتایج جستجو می‌خونید و روش کلیک می کنید، متوجه میشید که اون صفحه به یه زبان دیگه نوشته شده.

این به خاطر اینه که گوگل اون تکه متن رو به زبان دیگه ای ترجمه کرده.

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

13. متا تگ های Sponsored (Sponsored Meta Tags)

داشتن لینک های همکاری در فروش (Affiliate Links) روی وبسایت کاملا طبیعی هست. در گذشته، روش پیشنهادی برای مدیریت این نوع لینک ها استفاده از تگ rel=”nofollow” بود، اما این موضوع داره تغییر می‌کنه.

در حالی که هنوز هم میتونید از تگ nofollow استفاده کنید، گزینه مناسب تر استفاده از تگ rel=”sponsored” هست که به موتور جستجو اعلام میکنه این یک تبلیغ پولی هست و نباید بهش توجه کنه. این مورد توصیه شده توسط گوگل هست.

البته گوگل گفته تگ nofollow هنوز هم قابل قبول هست اما به نظر می‌رسه زمانش رسیده که از تگ sponsored استفاده کنید.

14. متا تگ های مکان جغرافیایی (Geo Location Meta Tags)

برای خیلی از کسب و کارها، موقعیت مکانی خیلی اهمیت داره چون ممکنه خدماتشون فقط در یک منطقه خاص ارائه بشه. مثلا یه لوله کش محلی. منطقی نیست که سایتش توسط کسی در یک ایالت دیگه دیده بشه. به این کار میگن بهینه سازی برای سئو محلی (Local SEO).

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

این نوع تگ به موتور جستجو میگه شما کجا هستید و کمک میکنه سایت شما برای کسانی که در اون منطقه جستجو می‌کنن اولویت پیدا کنه.

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

15. آنالیتیکس شبکه های اجتماعی (Social Media Analytics)

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

هر پلتفرمی روش مخصوص خودش رو داره. مثلا برای فیسبوک (Facebook) باید از چیزی شبیه این استفاده کنید:

<meta property=”fb:app_id” content=”your_app_id” />

ابزارهای آنالیتیکس یک دارایی بسیار قوی هستن که به شما کمک میکنن متوجه بشید تلاش های بازاریابی و سئوی شما چقدر موفق بوده. بنابراین، هرچند این ابزارها تاثیر مستقیم روی سئو ندارن، اما توانایی بررسی موفقیت تغییرات شما قدرت بسیار زیادی داره.

چی شد؟ تگ HTML برای کلمات کلیدی حذف شد؟

یه زمانی، تگ کلمه کلیدی (Keyword Tag) نقش خیلی مهمی توی سئو داشت اما امروزه، موتورهای جستجویی مثل گوگل، محتوای شما رو از نظر کیفیت و هدف جستجو بررسی میکنن، این یعنی دیگه نیازی به تگ کلمه کلیدی نیست.

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

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

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

استفاده از وردپرس برای تگ های HTML سئو چطوره؟

وردپرس (WordPress) یکی از محبوب ترین سیستم های مدیریت محتوا (CMS) در اینترنت هست. انعطاف پذیری بالا و فرآیندهای خودکار اون باعث میشه راه اندازی یک سایت بهینه شده برای سئو (SEO) خیلی سریع و راحت انجام بشه.

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

همچنین باید به ساختار پیوندهای یکتا (Permalink Structure) توجه داشته باشید. این موضوع نه تنها برای سئو مفید هست بلکه برای دسترسی بهتر کاربران هم اهمیت داره. تغییر ساختار پیوندهای یکتا در وردپرس باعث میشه همه راحت تر متوجه بشن که محتوای شما درباره چی هست.

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

در نهایت، این محتوا هست که با مخاطب ارتباط برقرار می‌کنه، فارغ از اینکه استراتژی سئوی شما چی باشه.

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

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

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

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

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