نسخه جدید به زودی رونمایی می شود...

10 تگ مهم HTML در سئو



10 تگ مهم HTML در سئو

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

 

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

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

 

تگ Title

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

  • تگ Title طبق نتایج تحقیقات وب سایت Moz اگر زیر 60 کاراکتر باشد به نسبت طولی که معمولا مردم استفاده می کنند نزدیک تر و شانس بیشتری برای دیده شدن دارید و این میزان رو تقریبا 90% بیان می کند.
  • تگ Title می بایست در خط های ابتدایی هر صفحه نمایش پیدا کند.
  • متا تگ Title در بین تگ های Head قرار می گیرد.
  • تگ Title باید بیان گر موضوعی باشد که در اون صفحه از سایت شما به نمایش یا به آن بیشتر پرداخته شده است.

توجه :

جهت استفاده از تگ Title کافیست تا با استفاده از تگ <title> و </title> که در بین آن نام صفحه قرار میگرد استفاده نمایید و در نظر داشته باشید که این تگ در بسیاری از سیستم های مدیریت محتوا یا سایت ساز ها اتوماتیک ساخته می شود اما شما باید در نظر داشته باشید که این مورد اگر استاندارد نیست باید در استاندارد شدن آن تلاش کنید تا نتایج بهترین را دریافت نمایید.

 

متا تگ Description

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

  • متا تگ Description می بایست در خط های ابتدایی سایت شما قرار بگیرد.
  • متا تگ Description در بین تگ های Head قرار می گیرد.
  • استاندارد طول کاراکترهای داخل تگ Desription در نمایش نتیجه های جست و جو شده در گوگل بین 155 الی 160 کاراکتر بوده پس این میزان فضا برای استفاده از توضیحات برای ترغیب مخاطب خود دارید. اما می توانید از 50 الی 160 کاراکتر برای این مورد استفاده نمایید.

 

Meta Tag Description : <meta name=”description” content=”در این قسمت توضیحات دلخواه و رسمی یک صفحه با رعایت استانداردها قرار می گیرد.”>

 

استفاده صحیح از Heading استفاده صحیح از Heading

تگ های هدینگ H1, H2, H3 و …

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

اما در حقیقت اصلا کار این تگ ها جدا از اینکه باعث می شود مخطاب تیتر ها را راحت تر ببیند چی هست ؟ بزارید خیلی ساده بگم چون 15 ثانیه بیشتر وقت ندارم 🙂 ! تگ H1 در هر صفحه استاندارد و توصیه می شود که فقط یک مورد استفاده شود چون حکم معرفی و نام صفحه را دارد که اگر قالب و پوسته شما استاندارد باشد نگران نباشید چراکه عنوان محتوای شما به عنوان H1 در پوسته تعریف شده است.

پس از H2 تا H6 به چه منظوری استفاده می شود ؟ این تگ ها برای معرفی بخش های مختلف هست دقیق مثل همین مطلب که دارید مطالعه می کنید. البته دقت نمایید تگ H2 حتما در مقاله خود حداقل یکبار استفاده نمایید.

 

تگ IMG به همراه ALT

تگ IMG نیاز به یک معرفی دارد چرا که عکس را موتورهای جست و جو ابتدا از روی نامی که شما برای آن ها گذاشتید دسته بندی می کنند و ویژگی ALT در تگ IMG این وظیفه را بر عهده دارد. البته موتورهای جست و جو سیستم ها و الگوریتم های عصبی دارند که به آن ها اجازه می دهد تا بتوانند تصاویر را بهتر و ایمن تر شناسایی نمایند.

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

IMG Tag : <img src=”Image Address” Alt=”نام یا توصیه کوتاه تصویر”>

 

ویژگی های Title و Rel برای تگ لینک

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

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

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

 

Example : <a href=”https://MahdiTorkaman.com” rel=”NoFollow” title=”توسعه دهنده و برنامه نویس وب”>Link</a>

 

تگ های OG یا Open Protocol Graph

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

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

افزونه هایی مثل Rank Math و Yoast در وردپرس هستند که اضافه کردن تگ های OG را بدون هیچ دردسری در اختیار تمامی صفحات شما می گذراند و در حد مناسبی نیز استاندارد هستند.

 

تگ های توییتر

این تگ های Twitter Card دقیقا همان کار OG متاها را می کنند با این ویژگی که این تگ ها به صورت اختصاصی برای توییتر در نظر گرفته شده اند و اگر هم نداشته باشید توییتر به خوبی قادر به خواندن OG تگ ها هست اما اگر برای توییتر حساب ویژه ای بازکردید و فعالیت خوبی دارید بهتر است که این مورد را نیز رعایت نمایید و این مورد را نیز در وردپرس افزونه های Rank Math و Yoast نیز پوشش می دهند.

 

 

تگ Robots تگ Robots

تگ Robots

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

  1. نمی خواهید سایتتان توسط موتورهای جست و جو بررسی شود.
  2. می خواهید سایت شما توسط موتورهای جست و جو بررسی شود.

 

Example : <meta name=”robots” content=”noindex, nofollow“>

 

تگ Canonical

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

تگ Canonical برای مشخص کردن آدرس دقیق

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

  • https://MahdiTorkaman.com
  • https://www.MahdiTorkaman.com
  • http://MahdiTorkaman.com
  • http://www.MahdiTorkaman.com

تگ Canonical برای جلوگیری از محتوای اسپم یا مشابه

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

به عنوان مثال دو محصول دارید با عناوین آیفون 11 با ظرفیت 128 گیگ و آیفون 11 با ظرفیت 256 گیگ و در نمی خواهید برای هر کدام محتوای اختصاصی بزنید تا این محصولات کپی و اسپم حساب نشوند چرا که صفحاتی که محتوای مشترک داشته باشند را گوگل به شدت با آن ها برخورد می کند پس حواستان را حسابی جمع کنید و اگر محتوای آن ها یکی هست حتما یکی را به عنوان رفرنس به گوگل معرفی کنید که گوگل متوجه این موضوع شود.

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

 

تگ ریسپانسیو Responsive

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

تگ ریسپانسیو دقیقا در یک وب سایت حکم این را دارد که قوانینی درباره چگونگی نمایش آن برای مرورگری که می خواهد در اون دیوایس آن صفحه را رندر کند قرار می دهد.

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

 

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