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

ولی قضیه فقط به نمایشهای جستجو محدود نمیشه. تگهای HTML به گوگل کمک میکنن تا بفهمه محتوای صفحه چیه و چطور با هم ارتباط دارن. این موضوع برای سئو خیلی مهمه، چون به گوگل میگه محتوای صفحه رو چطور بهتر بفهمه. همین قضیه برای تگهای HTML دیگه هم صدق میکنه، مثل تگهای H2 و تگهای alt برای تصاویر.
متا تگها: کدهای کوچک، اثرات بزرگ در سئوی سایت
1. تگ عنوان: کلید طلایی برای جذب کلیکهای بیشتر
تگ عنوان یکی از مهمترین قسمتهای سایتت هست. وقتی کسی به نتایج جستجو میرسه، این تگ به عنوان عنوان قابل کلیک نشون داده میشه و تو شبکههای اجتماعی و مرورگرها هم نمایش داده میشه.
برای مثال، تو HTML این مقاله، تگ عنوان به شکل زیره:
<title>14 تا از مهم ترین تگ متا و HTML که برای سئو لازم هستند</title>
تگهای عنوان تو بخش <head>
صفحه وب قرار میگیرن و باید یه تصویر واضح از محتوای صفحه به کاربران و موتورهای جستجو بدن.
حالا سوال اینجاست که آیا این تگها هنوز هم روی رتبهبندی تاثیر زیادی دارن؟ در گذشته، خیلیها فکر میکردن که تگهای عنوان نقش زیادی تو رتبهبندی دارن، اما حالا بیشتر به رفتار کاربران توجه میشه. حتی مسئولان گوگل هم گاهی به تاثیرشون اشاره میکنند.
عنوان صفحه اولین چیزی هست که کاربران تو SERP میبینن و بهشون کمک میکنه تصمیم بگیرن که آیا این صفحه به نیازشون جواب میده یا نه. یه عنوان خوب میتونه تعداد کلیکها و ترافیک رو بالا ببره، که این هم میتونه به رتبهبندی کمک کنه.
در گذشته، گوگل نیاز داشت که تگ عنوان دقیقاً شامل کلمه کلیدی باشه تا موضوع صفحه رو بفهمه. اما الان دیگه اینطور نیست. مثلاً چند سال پیش، وقتی جستجو میکردی “چطور برند رو شناختهشده کنیم“، نتایج برتر دقیقاً با همون کلمه کلیدی تو عنوانها بودن. اما امروز دیگه اینطور نیست و نتایج میتونن متنوعتر باشند.

ببینید، هیچ نتیجه بیربطی وجود نداره. هر صفحهای که اینجا ارائه شده، نحوهی ایجاد آگاهی رو توضیح میده و عناوینش هم همون رو منعکس میکنن. اما توجه داشته باشید که گوگل ممکنه تگهای عنوان رو تغییر بده، مثلاً به خاطر طول عنوان یا ارتباطش با عبارت جستجو. برای اینکه احتمال تغییر عنوان کمتر بشه، مطمئن شید که عنوان شما هم آموزنده و کاربرپسند باشه، هم موضوع صفحه رو نشون بده و با تگ H1 توی صفحه هم هماهنگ باشه.
مطالب مرتبط: راهکارهای افزایش بودجه سایت
مثلاً، اگر عنوان شما این باشه:
<title> دستور العمل پخت غذا های ساده و سالم برای شام | بهترین دستور پخت برای یک شام خوشمزه </title>
این احتمالاً بیشتر تغییر میکنه چون شامل کلمات کلیدی زیادی هست و بیشتر برای موتورهای جستجو بهینه شده تا برای کاربر. به جای اون، میتونید عنوان رو به این شکل تغییر بدید:
<title>دستور پخت ساده و مقوی برای شام و پخت سریع در خانه</title>
با حذف تکرار “دستور” و جداکننده غیر طبیعی “|”، همچنین حذف چند کلمه غیر ضروری عنوان رو راحتتر و طبیعیتر میخونید.
برای بهتر شدن عنوان از کلماتی استفاده کردیم که کاربر باهاش تعامل بیشتری بر قرار بکنه مثل ” پخت سریع ” و کلمه ” در خانه ” که این موارد رو هم میتونید با تشخیص هدف جستجوی کاربر یا همان (User search intent) بدست آورید.
یادتون باشه که موتورهای جستجو به کل محتوا نگاه میکنن و به طور کلی صفحه رو بررسی میکنن، اما هنوز هم جلد کتاب اهمیت زیادی داره، به خصوص وقتی پای تعامل با جستجوگران در میون باشه.
اینجا چند نکته برای نوشتن عناوین صفحه به روش ساده و کاربردی:
- عنوانهای یکتا و توصیفی بنویسید: هر صفحه باید عنوانی داشته باشه که به طور خلاصه و دقیق محتوای اون صفحه رو توضیح بده.
- حفظ طول عنوان در حد مناسب: حتی اگر گوگل محدودیتی برای طول عنوانها نداره، بهتره که عنوان رو در حدود 50-60 کاراکتر نگه دارید. اینطوری عنوان توی نتایج جستجو به صورت کامل نمایش داده میشه و کاربران میتونن راحتتر مفهوم رو درک بکنه. عنوانهای طولانی ممکنه توی SERP (صفحات نتایج جستجو) تا حدود 600-700 پیکسل کوتاه بشن.
- کلمات کلیدی مهم رو اول بیارید: سعی کنید کلمات کلیدی اصلی رو در ابتدای عنوان بیارید، ولی این کار رو به صورت طبیعی انجام بدید. انگار که دارید عنوان رو برای کاربران مینویسید، نه فقط برای موتورهای جستجو. از پر کردن عنوان با کلمات کلیدی زیاد خودداری کنید.
- از نام برند استفاده نکنید: نیازی نیست نام برند رو در عنوان بیاورید چون این اطلاعات در بالای هر نتیجه جستجو توی SERP نمایش داده میشه. بهتره که فضای عنوان رو برای کلمات کلیدی مرتبطی که صفحه شما میتونه توی اونها رتبه بگیره، ذخیره کنید.
2. برچسبهای توضیحات متا: هنر نوشتن توضیحات مختصر اما مؤثر
توضیحات متا در تگ <head>
صفحات وب قرار میگیرد و معمولاً (نه همیشه) در نتایج جستجو همراه با عنوان و URL صفحه نمایش داده میشود. مثلاً، توضیحات متا برای این مقاله به شکل زیر است:
<meta name="description" content="HTML برچسب ها برای این بیشتر از همیشه در این پست، من 14 متای برتر HTML را به اشتراک می گذارم برچسب ها باید بدانید."/>
توضیحات متا شاید به طور مستقیم روی رتبهبندی گوگل تأثیر نگذارد، ولی در جلب توجه کاربران و گوگل نقش مهمی دارد. این توضیحات چیزی است که کاربران در نتایج جستجو کنار عنوان صفحه میبینند؛ یعنی یکی از عواملی که به آنها کمک میکند تصمیم بگیرند آیا صفحه شما ارزش کلیک کردن دارد یا نه.
توضیحات متا میتواند روی تعداد کلیکهایی که دریافت میکنید اثر بگذارد و شاید نرخ کلیک (CTR) شما را بهبود دهد و نرخ پرش را کاهش دهد، به شرطی که محتوای صفحهتان به وعدههایی که در توضیحات دادهاید عمل کند. برای همین، توضیحات متا باید هم واقعبینانه باشد و هم جذاب، و به طور دقیق محتوای صفحه را منعکس کند.
اگر در توضیحات متا از کلمات کلیدی استفاده کنید که کاربران در جستجوهای خود به کار میبرند، این کلمات در نتایج جستجو به صورت پررنگ نمایش داده میشوند. این به برجسته شدن توضیحات شما کمک میکند و به کاربران نشان میدهد دقیقاً چه چیزی در صفحه شما خواهند یافت.
اگر گوگل تشخیص دهد که توضیحات متا با محتوای صفحه شما مطابقت ندارد، ممکن است خودش توضیحاتی را بر اساس محتوای صفحه ایجاد کند. بنابراین، حتماً توضیحات متا را با کلمات کلیدی مرتبط با موضوع پر کنید.
نیازی نیست که هر کلمه کلیدی ای که میخواهید رتبه بگیرید را در توضیحات متا بگنجانید. در عوض، چند جمله منسجم بنویسید که محتوای صفحه شما را به خوبی توضیح دهد و چند کلمه کلیدی هم در آنها بیاورید همچنین، یادتان باشد که گوگل در حدود 70 درصد مواقع توضیحات متا را بازنویسی میکند. برای اینکه بدانید چه چیزی در توضیحات متا بهتر کار میکند، میتوانید بررسی کنید که رقبا در توضیحات متای خود از چه چیزی استفاده کردهاند و بهترین ایدهها را از آنها بگیرید.
برای بهینهسازی توضیحات متا، به این نکات توجه کنید:
- منحصر به فرد بودن: به هر صفحه توضیحات متای خاص و منحصربهفرد بدهید که به وضوح ارزش و محتوای آن صفحه را نشان دهد.
- طول مناسب: توضیحات متا باید حداکثر 150 تا 160 کاراکتر (شامل فاصلهها) باشد تا در نتایج جستجو به طور کامل نمایش داده شود.
- استفاده از کلمات کلیدی: مهمترین کلمات کلیدی خود را در توضیحات بگنجانید تا صفحه شما در نتایج جستجو برجسته شود، اما از پر کردن کلمات کلیدی به طور غیرطبیعی خودداری کنید.
- فراخوان به عمل (CTA): به صورت اختیاری، از یک فراخوان چشمنواز، پیشنهاد منحصر بهفرد، یا نکات اضافی استفاده کنید تا کاربران بدانند چه انتظاری باید داشته باشند و چه اقداماتی باید انجام دهند.
- اجتناب از علامت نقل قول: از علامتهای نقل قول استفاده نکنید، زیرا ممکن است Google توضیحات شما را در این نقاط برش دهد.
با رعایت این نکات، میتوانید توضیحات متای جذاب و مؤثری ایجاد کنید که کاربران را به کلیک کردن روی لینک شما ترغیب کند.
توضیحات متا نباید صرفاً به تکرار پاراگراف اول متن صفحه شما محدود شود. خلاق باشید – یک CTA (دعوت به اقدام) اضافه کنید تا کاربر را به انجام یک عمل خاص تشویق کنید. از کلمات کلیدی متنوع (غیر از آنهایی که در عنوان استفاده کردهاید) بهره ببرید و هدف کاربر از جستجو را در نظر بگیرید. برای مثال، اگر صفحه شما اطلاعاتی درباره گوش ماهی ارائه میدهد، بهتر است توضیحات متا را به تعریفی ساده و جذاب از گوش ماهی تبدیل کنید.
اگر صفحه تان دستور پخت گوش ماهی را توضیح میدهد، از یک توضیح دلپذیر و وسوسه انگیز برای جذب کاربر استفاده کنید. اگر فروشنده ماهی تازه هستید، تأکید کنید که محصول شما چقدر تازه و با کیفیت است و با یک CTA مؤثر کاربران را به خرید سریع ترغیب کنید.
3. متا تگ Robots و تأثیر آن بر SEO وبسایتها
برای متا تگ robots
در HTML، میتوانید از دستورات مختلفی استفاده کنید تا نحوه تعامل رباتهای موتور جستجو با صفحات وبسایت شما را کنترل کنید. در اینجا چند نمونه متا تگ برای عناوین مختلف آورده شده است:
اجتناب از ایندکس کردن و پیگیری لینکها:
<meta name="robots" content="noindex, nofollow">
اجتناب از ایندکس کردن اما اجازه پیگیری لینکها:
<meta name="robots" content="noindex, follow">
اجتناب از پیگیری لینکها اما اجازه ایندکس کردن:
<meta name="robots" content="index, nofollow">
اجازه ایندکس کردن و پیگیری لینکها:
<meta name="robots" content="index, follow">
اجتناب از ایندکس کردن اما اجازه پیگیری لینکها و لینکهای خارجی:
<meta name="robots" content="noindex, follow, noarchive">
محدود کردن ایندکس کردن فقط برای رباتهای خاص (مثل Google):
<meta name="googlebot" content="noindex, nofollow">
شما میتوانید با تغییر مقادیر content
مطابق با نیازهای خاص خود، نحوه تعامل رباتها با صفحه را کنترل کنید.
سناریو: استفاده از دستور “noindex” برای جلوگیری از ایندکس شدن محتوای کم یا بی کیفیت
فرض کنید شما صاحب یک وبسایت هستید و متوجه شدهاید که برخی از صفحات دارای محتوای کم و بی کیفیت هستند. این صفحات ممکن است شامل صفحات محصول با توصیفهای بسیار کوتاه، مقالاتی که اطلاعات مفیدی ارائه نمیدهند، یا صفحات دستهبندی با محتوای تکراری باشند. موتورهای جستجو مانند گوگل ممکن است این صفحات را ایندکس کنند و آنها را در نتایج جستجو نمایش دهند، که میتواند تأثیر منفی بر روی رتبه کل وبسایت شما داشته باشد.
در این وضعیت، استفاده از دستورالعمل “noindex” در متا تگ میتواند یک راه حل مؤثر باشد. با اضافه کردن متا تگ noindex
به این صفحات، شما به موتورهای جستجو اطلاع میدهید که این صفحات نباید ایندکس شوند و در نتایج جستجو نمایش داده نشوند. این کار به جلوگیری از پراکندگی الگوریتم محتوای مفید گوگل به صفحات با کیفیت پایین کمک میکند و میتواند از کاهش رتبه کلی وبسایت شما جلوگیری کند.
به طور کلی، استفاده از “noindex” به شما کمک میکند تا تنها محتوای باکیفیت و ارزشمند در نتایج جستجو ظاهر شود، و از تأثیرات منفی صفحات کمارزش بر روی رتبهبندی کلی سایتتان جلوگیری میکند.
گاهی وقتها ممکنه صفحاتی توی سایت شما وجود داشته باشه که هنوز آماده انتشار نیستن، مثل صفحات «پیشنویس» یا صفحاتی که نیاز به بهینهسازی بیشتر دارن. شما نمیخواهید که این صفحات توی نتایج جستجو نمایش داده بشن، چون میتونن بر روی کیفیت کل سایت تاثیر بذارند. برای این کار، از متا تگ noindex
استفاده میکنید تا مطمئن بشید که موتورهای جستجو این صفحات رو ایندکس نمیکنند.
یه حالت دیگه اینه که شما صفحاتی دارید که فقط باید از طریق لینکهای مستقیم (مثل خبرنامه) یا صفحات فرود برای کمپینهای تبلیغاتی قابل دسترسی باشن. برای این که این صفحات توی نتایج جستجو نمایش داده نشن، میتونید از دستورالعمل “noindex” استفاده کنید.
اگر سایت شما بخشهای جستجوی زیادی داره، مخصوصاً توی سایتهای تجارت الکترونیک، گوگل توصیه میکنه که صفحات نتایج جستجو رو با متا تگ مناسب ببندید. این صفحات میتونن به طور نامحدود خزیده بشن و منابع رباتهای جستجو رو برای محتوای اصلی و منحصر به فرد هدر بدن.
همچنین، یکی از قوانین مهمی که میتونید ازش استفاده کنید برای بهبود ظاهر سایت در Google Discover اینه:
<meta name="googlebot-news" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
این دستورالعمل به گوگل میگه که پیشنمایشهای تصویری بزرگ، متون کامل و ویدیوهای تمامقد رو توی نتایج جستجو نشون بده، که میتونه به افزایش CTR شما توی Discover کمک کنه. اما توجه داشته باشید که گوگل ممکنه بعضی وقتها این قوانین رو نادیده بگیره.
در کل، استفاده از این قوانین متا تگ خیلی مفیده و به شما کمک میکنه تا کنترل بیشتری بر روی ظاهر سایتتون توی موتورهای جستجو داشته باشید.
بهترین شیوه ها:
- صفحات غیر ضروری/ناتمام با محتوای نازک که ارزش کمی دارند و قصد نمایش در SERP ها را ندارند، ببندید.
- صفحاتی را ببندید که بی دلیل تلف می شوند بودجه خزیدن.
- مطمئن شوید که به اشتباه صفحات مهم را از فهرست بندی محدود نمی کنید.
4. تگ canonical
: چرا و چگونه باید ازش استفاده کنیم؟
تگ پیوند متعارف، یا همون rel="canonical"
, یه راه ساده و موثر برای موتورهای جستجوست که بفهمن کدوم نسخه از یه صفحه رو باید به عنوان نسخه اصلی بشناسن و تو نتایج جستجو نشون بدن.
برای مثال، فرض کنین صفحهای دارین که با چندین URL مختلف در دسترسه، مثلاً:
https://www.example.com/?utm_source=daily-newsletter&utm_medium=email&utm_campaign=blast
همه این URLها محتواشون یکیه، اما گوگل هر کدوم رو یه صفحه جدا میبینه. حالا سوال اینجاست که گوگل چطور باید بفهمه کدوم URL رو تو نتایج جستجو نشون بده؟ اینجاست که تگ پیوند متعارف به کمک میاد.
با استفاده از <link rel="canonical" href="https://www.example.com" />
, به گوگل میگین که URL اصلی و مورد نظر شما همون https://www.example.com
هست. البته، گوگل معمولاً به این تگ توجه میکنه، اما ممکنه هنوز نسخههای دیگه رو هم بررسی کنه. برای مثال، اگه شما به صفحهای با پارامتر خاصی لینک بدین، مثل https://www.example.com/?tracking=bottom-cta
, ممکنه گوگل اون نسخه رو به عنوان نسخه اصلی انتخاب کنه.
استفاده از تگ canonical به شما این امکان را میدهد که پیگیری آمار و عملکرد محتوا را بهطور موثرتری انجام دهید و سیگنالهای پیوند از تمام نسخههای مشابه را به نسخه اصلی منتقل کنید. این کار به بهبود جایگاه صفحه شما در نتایج جستجو کمک میکند.
گوگل معمولاً به متا تگ canonical احترام میگذارد، اما این به معنای یک قانون قطعی نیست. به عبارت دیگر، ممکن است گوگل همچنان نسخه دیگری را به عنوان نسخه اصلی انتخاب کند.
بهترین روش های استفاده از تگ canonical:
از تگهای canonical
برای صفحات تقریباً تکراری با دقت استفاده کنید: اگر دو صفحه متصل شده توسط یک برچسب متعارف از نظر محتوا بسیار متفاوت باشند، موتور جستجو به سادگی تگ را نادیده میگیرد.
- صفحاتی با محتوای مشابه در یک موضوع.
- صفحات تکراری تحت چندین URL در دسترس هستند.
- نسخههای همان صفحه با شناسههای جلسه یا سایر پارامترهای URL که بر محتوا تأثیری ندارند.
5. متا تگ های رسانه های اجتماعی
فیس بوک در ابتدا Open Graph را معرفی کرد تا به شما امکان کنترل ظاهر صفحه در هنگام اشتراک گذاری در رسانه های اجتماعی را بدهد.
کارتهای توییتر پیشرفتهای مشابهی را ارائه میکنند، اما منحصر به X (توئیتر) هستند.
در اینجا تگ های اصلی Open Graph آمده است:
<meta property="og:image" content="URL تصویر مربوطه را اینجا قرار دهید" />
<meta property="og:locale" content="fa_IR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="بلاگ - بروز سئو" />
<meta property="og:description" content="مرجع مقالات تخصصی سئو." />
<meta property="og:url" content="https://beroozseo.com/blog/" />
<meta property="og:site_name" content="بروز سئو" />
<meta property="article:modified_time" content="2024-04-14T09:57:38+00:00" />
البته، در ادامه توضیح مختصری درباره هر یک از این تگها آمده است:
og:image
:- توضیح: URL تصویری که میخواهید هنگام اشتراکگذاری صفحه شما نمایش داده شود.
- کاربرد: تصویر جذابی که نمایانگر محتوا باشد را انتخاب کنید.
og:locale
:- توضیح: زبان و موقعیت جغرافیایی صفحه شما. برای فارسی ایران، مقدار
fa_IR
استفاده میشود. - کاربرد: به شبکههای اجتماعی کمک میکند محتوای شما را به درستی شناسایی کنند.
- توضیح: زبان و موقعیت جغرافیایی صفحه شما. برای فارسی ایران، مقدار
og:type
:- توضیح: نوع محتوا را مشخص میکند. برای صفحات وب، مقدار
website
استفاده میشود. - کاربرد: تعیین میکند که صفحه شما یک وبسایت است.
- توضیح: نوع محتوا را مشخص میکند. برای صفحات وب، مقدار
og:title
:- توضیح: عنوان صفحه شما که هنگام اشتراکگذاری نمایش داده میشود.
- کاربرد: این عنوان باید جذاب و مرتبط با محتوای صفحه باشد.
og:description
:- توضیح: توضیح کوتاهی از محتوای صفحه شما که هنگام اشتراکگذاری نمایش داده میشود.
- کاربرد: خلاصهای جذاب و مفید از محتوا که مخاطبان را به کلیک کردن ترغیب کند.
og:url
:- توضیح: URL کامل صفحه شما که به آن پیوند داده میشود.
- کاربرد: این URL باید همان آدرس صفحهای باشد که میخواهید به اشتراک گذاشته شود.
og:site_name
:- توضیح: نام وبسایت شما که هنگام اشتراکگذاری نمایش داده میشود.
- کاربرد: نمایش نام برند یا سایت شما برای شناسایی بهتر.
article:modified_time
:- توضیح: تاریخ و زمان آخرین بهروزرسانی محتوا.
- کاربرد: به مخاطبان و موتورهای جستجو نشان میدهد که محتوا بهروز است.
با استفاده از متا تگهای اختصاصی برای رسانههای اجتماعی، میتوانید ظاهر پیوندهای خود را برای دنبالکنندگان خود بهبود بخشید. این کار ممکن است یک ترفند بزرگ نباشد و تأثیر مستقیمی بر رتبهبندی شما در موتورهای جستجو نداشته باشد، اما با تنظیم نحوه نمایش پیوندهای صفحاتتان، میتوانید به طور قابل توجهی معیارهای CTR و UX خود را افزایش دهید.
نکات پیشنهادی:
- از متادادههای اساسی و مرتبط استفاده کنید و پروتکل Open Graph را پیکربندی کنید. همچنین، حتماً URLها را بررسی کنید تا مطمئن شوید که به درستی نمایش داده میشوند.
- کارتهای X (توییتر سابق) را تنظیم کنید و پس از انجام این کار، آنها را اعتبارسنجی کنید.
با انجام این مراحل، میتوانید حضور آنلاین خود را بهبود دهید و تجربه کاربری بهتری را برای مخاطبان خود ایجاد کنید.
6. متا تگ Viewport:
- توضیح: این تگ به مرورگر میگوید که چگونه ابعاد و مقیاس صفحه وب را برای تطبیق با اندازه صفحهنمایش دستگاه تنظیم کند.
- بهترین شیوه: اطمینان حاصل کنید که کاربران میتوانند صفحه را بزرگنمایی یا کوچکنمایی کنند و از استفاده از
user-scalable=no
خودداری کنید. همچنین، طراحی CSS و HTML باید واکنشگرا باشد تا با اندازههای مختلف صفحهنمایش سازگار شود. - مثال:htmlCopy code
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7. متا تگ Charset:
- توضیح: این تگ مشخص میکند که از چه رمزگذاری کاراکتر برای HTML استفاده شود. UTF-8 تقریباً همه کاراکترها و نمادها از زبانهای مختلف را پشتیبانی میکند.
- اهمیت: اطمینان حاصل میکند که محتوای شما به درستی در پلتفرمها و زبانهای مختلف نمایش داده میشود.
- مثال:htmlCopy code
<meta charset="UTF-8">
8. متا Refresh Tag:
- توضیح: این تگ میتواند صفحه را بهطور خودکار پس از مدت زمان معینی بارگیری مجدد کند یا به URL دیگری هدایت کند.
- هشدار: از این تگ برای تغییر مسیرها استفاده نکنید؛ بهجای آن، تغییر مسیرهای سمت سرور را پیادهسازی کنید تا گوگل بهدرستی آنها را شناسایی کند.
9. متا تگ کلمات کلیدی:
- توضیح: این تگ برای مشخص کردن لیستی از کلمات کلیدی مرتبط با محتوای صفحه وب استفاده میشود، اما امروزه گوگل و بینگ از آن استفاده نمیکنند.
- یادآوری: متا تگ کلمات کلیدی دیگر برای بهینهسازی موتور جستجو مؤثر نیست، و استفاده از آن توصیه نمیشود. تنظیمات کلید واژه تمرکز در افزونههای SEO مانند Yoast تنها برای تجزیه و تحلیل محتوای شما به کار میرود و ارتباطی با این متا تگ ندارد.
10. نشانه گذاری طرحواره
نشانهگذاری طرحواره یک تکنیک ویژه برای سازماندهی دادهها در صفحات وب شما به گونهای است که موتورهای جستجو بهراحتی آن را تشخیص میدهند. این یکی از آن ویژگیهای فوقالعادهای است که پیادهسازی آن به شما و کاربران شما کمک زیادی میکند.
مزایای نشانهگذاری طرحواره:
- بهبود چشمگیر تجربه کاربری (UX)
- ارزش بسیار بالای سئو
- کمک به درک بهتر محتوا توسط موتورهای جستجو
- افزایش احتمال ورود به ویژگیهای SERP
- افزایش شانس کسب ریچ اسنیپتها
سئو دیگر فقط محدود به کلمات کلیدی و بکلینکها نیست. اگر میخواهید ترافیک بیشتری جذب کنید و رتبه بالاتری کسب کنید، داشتن دادههای ساختاریافته مرتبط و بهدرستی تنظیمشده در صفحات شما، ضروری است.
به عنوان مثال، اگر سایت شما در حوزه تجارت الکترونیک فعالیت میکند، اضافه کردن نشانهگذاری طرح محصول به صفحات محصول، اجتنابناپذیر است. در غیر این صورت، محتوای شما در میان رقبا دیده نخواهد شد. همین موضوع برای سایتهای آشپزی نیز صادق است؛ کافی است هر دستوری را جستجو کنید تا ببینید که تنها نتایجی که مشاهده میکنید، ویژگی Recipes SERP است.
نشانهگذاری طرحواره به شما کمک میکند که محتوای شما برجسته شود و کاربران به راحتی اطلاعات مورد نیازشان را پیدا کنند.
در نظر داشته باشید که بسیاری از سیستمهای مدیریت محتوای مدرن، بهویژه آنهایی که در تجارت الکترونیک مانند Shopify فعالیت میکنند، بهطور پیشفرض دارای دادههای ساختاریافته هستند. “وب معنایی” به معنای یک “وب معنادار” است، جایی که تمرکز از کلمات کلیدی و بکلینکها به مفاهیم و روابط بین آنها تغییر کرده است. نشانهگذاری دادههای ساختاریافته دقیقاً همان چیزی است که به موتورهای جستجو کمک میکند نهتنها محتوای شما را بخوانند، بلکه بفهمند که کلمات خاص به چه چیزی اشاره دارند.
امروزه SERP ها (صفحات نتایج موتورهای جستجو) به گونهای تکامل یافتهاند که حتی ممکن است برای یافتن پاسخ سوال خود نیازی به کلیک روی نتایج نداشته باشید. اما اگر کاربران قرار است کلیک کنند، یک ریچ اسنیپت (قطعه غنی) – با تصویر زیبا، رتبهبندی ستارهای، محدوده قیمت، وضعیت موجودی یا ساعات کاری – به مراتب بیشتر از یک نتیجه متن ساده توجه را جلب میکند و کلیکهای بیشتری را به خود اختصاص میدهد.
استفاده از تگهای طرحواره در عناصر خاص صفحه، قطعه SERP شما را پر از اطلاعاتی میکند که برای کاربران جذاب و مفید است. و همانطور که از ابتدا اشاره کردیم، عوامل رفتاری کاربران مانند نرخ کلیک (CTR) و نرخ پرش، تأثیر مستقیمی بر نحوه رتبهبندی سایت شما توسط موتورهای جستجو دارند.
بهترین روشهای سئو:
- طرحوارههای موجود در schema.org را مطالعه کنید.
- نقشهای از صفحات مهم خود تهیه کنید و درباره مفاهیم مرتبط با هرکدام تصمیم بگیرید.
- نشانهگذاری را با دقت اجرا کنید (در صورت نیاز از راهنمای نشانهگذاری دادههای ساختیافته استفاده کنید).
- نشانهگذاری را بهطور کامل تست کنید تا مطمئن شوید که به درستی و بدون گمراهی اضافه شده است.
11. تگهای عنوان (H1-H6)
تگهای عنوان، عناصر HTML هستند که برای شناسایی بخشهای مختلف محتوای یک صفحه استفاده میشوند و مانند عنوانهای کوچکی برای این بخشها عمل میکنند. این روزها، استفاده از تگهای عنوان موضوع بحثهای زیادی بوده است.
در حالی که تگهای H2-H6 ممکن است اهمیت کمتری برای موتورهای جستجو داشته باشند، استفاده مناسب از تگ H1 همچنان توسط بسیاری از متخصصان سئو تأکید میشود. از زمان معرفی نمایهسازی پاساژ در سال 2021، تگهای H2-H6 نیز اهمیت بیشتری پیدا کردهاند. اگر پرسوجوی کاربر با عنوان H3 و پاراگراف مربوطه مطابقت داشته باشد، گوگل ممکن است آن بخش از صفحه شما را ایندکس و رتبهبندی کند.
بنابراین، باید به خاطر داشته باشیم که تگهای عنوان برای سازماندهی متن و محتوا بسیار حیاتی هستند و باید به دقت به آنها توجه شود. استفاده مناسب از این تگها، معماری محتوای شما را بهبود میبخشد و برای موتورهای جستجو، خواندن و درک محتوای سازماندهیشده بسیار آسانتر است. برای کاربران نیز، تگهای عنوان به عنوان نقاط مرجعی عمل میکنند که به آنها کمک میکنند تا به راحتی در صفحه حرکت کنند و محتوا را بهتر درک کنند.
بهترین شیوهها:
- عناوین را مرتبط با متنی که توصیف میکنند، نگه دارید. فقط به این دلیل که آنها بهطور مستقیم عامل رتبهبندی نیستند، به این معنا نیست که موتورهای جستجو آنها را نادیده میگیرند.
- مطمئن شوید که عناوین شما احساسات و محتوای متنی که به دنبال آنها میآید را بهخوبی منعکس میکنند. از عناوین عمومی مانند “فصل 1 … فصل 2 … فصل 3 …” خودداری کنید.
- از زیادهروی در استفاده از برچسبها و کلمات کلیدی در عناوین پرهیز کنید. عناوین باید برای کاربران خوانا و طبیعی باشند.
- آیا تگ عنوان شما و H1 باید مطابقت داشته باشند؟ طبق توصیههای گوگل، بهتر است عنوان صفحه خود را با H1 همسو کنید، با کمی تغییر در ترتیب کلمات. اگر در حال تلاش برای یافتن یک H1 مناسب هستید، به سادگی از عنوان خود دوباره استفاده کنید.
12. افزایش خوانایی و سئو با تگ های HTML5
تگهای مهم HTML5 یکی از اجزای کلیدی استاندارد جدید HTML هستند و نقش مهمی در کمک به گوگل و سایر موتورهای جستجو برای درک بهتر محتوای صفحه ایفا میکنند.
وقتی این تگها را در کد منبع صفحه مشاهده میکنیم، ساختار آنها به این شکل است:
<article>
<h1>10 متا تگ مهم که باید برای سئو بدانید</h1>
<p>تگهای عنوان در قسمت <head> صفحه وب شما قرار میگیرند و به منظور ارائه یک ایده واضح و جامع از موضوع صفحه استفاده میشوند.</p>
</article>
تگهای HTML5 که امروزه توسط متخصصان سئو مورد استفاده قرار میگیرند، بسیار متنوع هستند. اگر به این تگها نگاهی بیندازید، متوجه خواهید شد که آنها معمولاً نشاندهنده عناصری هستند که در هر صفحه وب رایج هستند، مانند ویدئوها، منوها و غیره.
در اینجا لیستی از تگهای HTML5 که بسیار مورد استفاده قرار میگیرند، آورده شده است:
<article>
: برای تعریف یک محتوای بزرگ و معنیدار که به عنوان یک واحد مستقل ارائه میشود، مانند یک مقاله یا پست انجمن.<audio>
: برای نمایش یک فایل صوتی یا جریان صوتی جاسازی شده.<details>
: ویجتی که به کاربر اجازه میدهد اطلاعات اضافی یا کنترلهای درخواستی را مشاهده کند.<dialog>
: کادر محاورهای یا زیرپنجرهای که کاربر میتواند در صورت لزوم با آن تعامل داشته باشد.<embed>
: برای جاسازی محتوای چندرسانهای مانند ویدئوها، صداها یا هر برنامه خارجی.<footer>
: برای مشخص کردن محتوای پاورقی صفحه، سند یا بخش.<header>
: برای مشخص کردن محتوای سرصفحه صفحه، سند یا بخش.<main>
: برای تعریف مهمترین و معنیدارترین قسمت محتوای صفحه یا مقاله.<nav>
: برای تعریف یک بخش صفحه که شامل پیوندهای پیمایش است.<picture>
: برای تعریف یک ظرف که حاوی منابع تصویر متعدد است.<source>
: برای ارائه منابع جایگزین برای عناصر رسانهای جاسازی شده مانند صوتی یا ویدئویی.<summary>
: همراه با تگ <details>، خلاصهای قابل مشاهده برای کاربر ارائه میدهد.<svg>
: برای جاسازی یک فایل SVG در یک سند HTML.<time>
: برای رمزگذاری تاریخها و زمانها (تولدها، رویدادها، جلسات و غیره) به شکلی که قابل خواندن توسط ماشین باشد.<video>
: برای جاسازی محتوای ویدیویی در یک سند HTML بدون نیاز به پلاگین اضافی برای پخش.
بهترین روش برای استفاده از این تگها در سئو این است که آنها را به درستی و در جای مناسب خود استفاده کنید. به جای استفاده از تگهای بیپایان <div>
که ممکن است گنگ و مبهم باشند، بهتر است از تگهای معنایی HTML5 بهره ببرید. این کار به گوگل کمک میکند تا محتوا را سریعتر فهرستبندی و بهتر رتبهبندی کند، زیرا به وضوح میداند که چه بخشی از صفحه شامل مقاله، ویدئو، یا پیوندهای پیمایش است.
در نهایت، توصیه اصلی این است که از تگهای HTML5 به درستی و در جای مناسب خود استفاده کنید. تلاش برای استفاده نادرست از تگها، مانند تگ <video> برای محتوای متنی، نه تنها کمکی به سئو نخواهد کرد، بلکه ممکن است به ضرر شما هم تمام شود.
13. ویژگی های متن جایگزین تصویر
ویژگی alt تصویر در واقع همون برچسب متنی هست که شما به تصاویر اضافه میکنید تا توضیحی کوتاه و مختصر از اون تصویر رو ارائه بدید. این برچسب وقتی به کار میاد که به هر دلیلی تصویر بارگذاری نشه، یا کاربری تصاویر رو غیرفعال کرده باشه. موتورهای جستجو هم چون نمیتونن تصاویر رو ببینن، به این متنها نیاز دارن تا بفهمن تصویر در مورد چیه.
برای سایتهای فروش آنلاین، تصاویر خیلی مهمن چون تأثیر زیادی روی تجربه کاربری دارن. گوگل هم تاکید کرده که اگه میخواید تصاویرتون توی جستجوی تصاویر گوگل رتبه بیاره، باید به این متنهای جایگزین توجه کنید. اما مهمه که این متنها فقط به تصویر مرتبط باشن؛ خود تصویر هم باید توی جای درستی قرار بگیره.
چند تا نکته برای بهترین استفاده از ویژگی alt:
- تصاویر مهم مثل تصاویر محصولات یا اینفوگرافیکها رو حتماً بهینه کنید.
- توی صفحاتی که محتوای زیادی غیر از تصویر ندارید، حتماً متن جایگزین بنویسید.
- متن جایگزین رو واضح و توصیفی بنویسید، از کلمات کلیدی منطقی استفاده کنید، ولی طوری که طبیعی به نظر برسه.
ویژگی های Nofollow
پیوندهای خارجی یا همون لینکهایی که از سایت شما به سایتهای دیگه میرن، به طور طبیعی برای ارجاع به منابع معتبر، هدایت کاربران به اطلاعات مفید دیگه، یا ذکر یک سایت مرتبط استفاده میشن. این لینکها از نظر سئو خیلی اهمیت دارن؛ اگه به درستی ازشون استفاده کنید، محتوای شما رو به عنوان یک مطلب ارزشمند و معتبر نشون میدن. اما اگه بیرویه و بیهدف ازشون استفاده کنید، میتونن برعکس عمل کنن و به سایتتون ضرر بزنن.
گوگل خیلی حساسه نسبت به لینکهای دستکاری شده و اگه بویی از این ماجرا ببره، ممکنه سایتتون رو جریمه کنه. از طرف دیگه، توی دورهای که گوگل سعی میکنه محتوای صفحات رو بهتر بفهمه، لینکهایی که به منابع معتبر اشاره میکنن میتونن به گوگل کمک کنن تا محتوای صفحه شما رو بهتر درک کنه.
به طور پیشفرض، وقتی لینکی در سایت خودتون میذارید، به نوعی به صفحه مقصد رای اعتماد میدید. اما اگه بخواید به موتورهای جستجو بگید که این لینک رو دنبال نکنن و هیچ ارزش سئویی از طریق اون لینک منتقل نکنن، میتونید از ویژگی nofollow استفاده کنید. مثلاً کد HTML به این صورت میشه:
htmlCopy code<a rel="nofollow" href="https://www.apple.com">اپل</a>
اخیراً گوگل دو گزینه جدید هم معرفی کرده: یکی rel=”sponsored” برای لینکهای پولی و حمایت شده، و دیگری rel=”UGC” برای لینکهایی که محتوای تولید شده توسط کاربر (مثل نظرات) دارن. مثل اینا:
htmlCopy code<a rel="sponsored" href="https://www.apple.com">خرید اپل</a>
<a rel="UGC" href="https://www.apple.com">آنچه کاربران در مورد اپل می گویند</a>
برای اینکه سئوی سایتتون خوب و مرتب باشه، باید یه تعادل بین لینکهای فالو و نوفالو داشته باشید. معمولاً این نوع لینکها رو نوفالو میکنن:
- پیوند به منابعی که ممکنه غیرقابل اعتماد به نظر بیان.
- لینکهای پولی یا حمایت شده (که نمیخواید گوگل بفهمه دارید «رای» میفروشید).
- لینکهایی از نظرات یا محتوای تولید شده توسط کاربر، که ممکنه اسپم باشن.
- پیوندهای داخلی مثل «ورود» و «ثبت نام» که دنبال شدنشون فقط هدر دادن منابعه.
جمعبندی نهایی: اهمیت مهم ترین متا تگ های سئو سایت
متا تگهای HTML یک تکنیک سئو همیشه سبز هستن، چون HTML اساس هر صفحهی وبه. اینا اصولی هستن که نباید تو سئوی روی صفحه نادیدهشون بگیری. گاهی اوقات همین اصول به ظاهر ساده هستن که جلوی رتبهبندی بالای سایتت رو میگیرن، چون گوگل نمیتونه محتوای تو رو درست تشخیص بده.
فکر کنم دیگه متوجه شدی. به خصوص با این هیاهوی هوش مصنوعی که این روزا بوجود اومده، استفادهی درست از تگهای HTML حیاتیتر شده. این تگها به گوگل کمک میکنن که محتوای سایتت رو بهتر بفهمه، لینکها رو شناسایی کنه و در نتیجه هوش مصنوعی رو هم تغذیه کنه.
سئو همچنان داره پیشرفت میکنه و HTML هم همینطور؛ تگهای جدید هر از گاهی معرفی میشن. پس همیشه پیگیر اخبار باش، آگاه بمون و حتماً از مهم ترین متا تگ های سئو سایت استفاده کن تا رشد سایتت رو ببینی.