مهدی ترکمان
10 تگ مهم HTML در سئو
10 تگ مهم HTML در سئو موضوعی هست که می بایست حتما توسط برنامه نویسان و طراحان وب جدی گرفته شود و خوبی این تگ ها این است که به قدری رعایت کردن آن ها ساده هست که نیازی به تخصص خاصی نیست و با کمی آگاهی یا کمک گرفتن از یک شخص آگاه می توانید این 10 تگ مهم HTML در سئو را رعایت نمایید.
چرا رعایت تگ های HTML به سئو کمک می کند ؟
خب اول باید بدانیم که HTML چیست و اگر بخواهیم خیلی خلاصه این زبان نشانه گذاری وب را شرح دهیم باید بگوییم که ساختار هر وب سایتی در دنیا در مرحله نمایش و خروجی آن بخشیش HTML بوده و موتورهای جست و جو نیز برای درک بهتر هر المان و شی در سایت شما به سراغ این ساختار و نشانه ها می روند،
پس طبعیست که HTML نقش بسیار مهمی در انتقال درک المان ها و کلیت سایت شما به موتورهای جست و جو دارد پس با درک این موضوع بهتر است که این 10 تگ مهم HTML در سئو را به خوبی رعایت نمایید.
تگ Title (10 تگ مهم HTML در سئو)
تگ Title تقریبا استفاده نکردنش برای یک وب سایت تو این مقطع از پیشرفت تقریبا غیر محال است و همه از آن استفاده می کنند.
اما این را برای این نوشتم که سعی کنید این تگ را جدی بگیرید چرا که اولین تگی هست که توسط گوگل در کدهای خروجی سایت شما بررسی شده و حکم بسیار مهمی در چی یا به چه منظور بودن اون صفحه از سایت شما دارد و درک اولیه از سایت شما را به موتورهای جست و جو منتقل می کنند.
همچنین با تعدادی از استانداردهای تگ title نیز می توانید آشنا شوید:
- تگ Title طبق نتایج تحقیقات وب سایت Moz اگر زیر 60 کاراکتر باشد به نسبت طولی که معمولا مردم استفاده می کنند نزدیک تر و شانس بیشتری برای دیده شدن دارید و این میزان رو تقریبا 90% بیان می کند.
- تگ Title می بایست در خط های ابتدایی هر صفحه نمایش پیدا کند.
- متا تگ Title در بین تگ های Head قرار می گیرد.
- تگ Title باید بیان گر موضوعی باشد که در اون صفحه از سایت شما به نمایش یا به آن بیشتر پرداخته شده است.
توجه :
جهت استفاده از تگ Title کافیست تا با استفاده از تگ <title> و </title> که در بین آن نام صفحه قرار میگرد استفاده نمایید و در نظر داشته باشید که این تگ در بسیاری از سیستم های مدیریت محتوا یا سایت ساز ها اتوماتیک ساخته می شود
اما شما باید در نظر داشته باشید که این مورد اگر استاندارد نیست باید در استاندارد شدن آن تلاش کنید تا نتایج بهترین را دریافت نمایید.
متا تگ Description (10 تگ مهم HTML در سئو)
متا تگ های زیادی وجود دارند که اطلاعاتی را از آن صفحه در اختیار ربات ها و موتورهای جست و جو می دهند اما قطعا از مهم ترین این متا تگ ها می توان به متا تگ Description اشاره داشت که وظیفه شرح و ارائه توضیحاتی درباره آن صفحه بر عهده دارد اما این تگ نیز یک سری استاندارد دارد که می توانید با بعضی از آن ها آشنا شوید:
- متا تگ Description می بایست در خط های ابتدایی سایت شما قرار بگیرد.
- متا تگ Description در بین تگ های Head قرار می گیرد.
- استاندارد طول کاراکترهای داخل تگ Desription در نمایش نتیجه های جست و جو شده در گوگل بین 155 الی 160 کاراکتر بوده پس این میزان فضا برای استفاده از توضیحات برای ترغیب مخاطب خود دارید.
- اما می توانید از 50 الی 160 کاراکتر برای این مورد استفاده نمایید.
Meta Tag Description : <meta name=”description” content=”در این قسمت توضیحات دلخواه و رسمی یک صفحه با رعایت استانداردها قرار می گیرد.”>
استفاده صحیح از Heading
تگ های هدینگ H1, H2, H3 و … (10 تگ مهم HTML در سئو)
تحقیقات نشان می دهد که میانگین صرف زمانی که کاربران برای خواندن یک محتوا می گذراند تقریبا 15 ثانیه بوده و خب این خیلی زمان کمی هست که به بتوانیم برخی از پاسخ ها را سریعا در اختیار کاربران قرار دهیم.
اما اینجاست که تگ های هدینگ به کمک شما می آیند و علاوه بر این که نقش مهمی در جداکردن و نشان دادن مهم ترین کلمات و ترکیب های را به موتورهای جست و جو دارند به دلیل ساختار توپور و بزرگشان ( خب هدینگ یا همان عنوان هستند دیگر ) بیشتر در چشم موتورهای جست و جو و مخطابین می روند.
اگر این بخش از محتوا جذبشان کند قطعا وقت می گذراند و آن یک یا چند پاراگراف از آن قسمت را مطالعه می کنند.
اما در حقیقت اصلا کار این تگ ها جدا از اینکه باعث می شود مخطاب تیتر ها را راحت تر ببیند چی هست ؟ بزارید خیلی ساده بگم چون 15 ثانیه بیشتر وقت ندارم 🙂 !
تگ H1 در هر صفحه استاندارد و توصیه می شود که فقط یک مورد استفاده شود چون حکم معرفی و نام صفحه را دارد که اگر قالب و پوسته شما استاندارد باشد نگران نباشید چراکه عنوان محتوای شما به عنوان H1 در پوسته تعریف شده است.
پس از H2 تا H6 به چه منظوری استفاده می شود ؟ این تگ ها برای معرفی بخش های مختلف هست دقیق مثل همین مطلب که دارید مطالعه می کنید. البته دقت نمایید تگ H2 حتما در مقاله خود حداقل یکبار استفاده نمایید.
تگ IMG به همراه ALT (10 تگ مهم HTML در سئو)
تگ IMG نیاز به یک معرفی دارد چرا که عکس را موتورهای جست و جو ابتدا از روی نامی که شما برای آن ها گذاشتید دسته بندی می کنند و ویژگی ALT در تگ IMG این وظیفه را بر عهده دارد. البته موتورهای جست و جو سیستم ها و الگوریتم های عصبی دارند که به آن ها اجازه می دهد تا بتوانند تصاویر را بهتر و ایمن تر شناسایی نمایند.
همچنین وب سایت Moz در تحقیقات خود اعلام کرده تاثیر این مورد می تونه تا بیش از 90 درصد برای سایت شما مفید واقع بشه و شانس دیده شدن شما را زیاد کنه
چرا که موتورهای جست و جو به این طور مقالات و محتوا امتیاز بیشتری می دهند چرا که تصاویر باعث فهم و درک بیشتر مخاطب از یک موضوع می شود و علاوه بر اینکه در بخش نتایج Web موتور جست و جوی گوگل نمایان می شوید در بخش تصاویر نیز هستید و از این باب هم می توانید افرادی را به سایت خود جذب نمایید.
IMG Tag : <img src=”Image Address” Alt=”نام یا توصیه کوتاه تصویر”>
ویژگی های Title و Rel برای تگ لینک (تگ مهم HTML در سئو)
استفاده از تگ لینک ها به شما این فرصت را می دهند تا بتوانید در محتوا و مقالات وب سایت خود پیوندهای داخلی ( در داخل خود سایت ) و پیوندهای خارجی ( هر سایتی به غیر از خود سایت ) ایجاد نمایید اما خب قطعا این بخش نیز استانداردهایی دارد که می بایست توسط شما حتما به دقت رعایت شود.
همان خاصیتی که در ویژگی Alt برای تصاویر بیان شد ویژگی Title در لینک ها نیز همین هست و شما می توانید برای هر لینک خود یک نام و توضیح کوتاه در نظر بگیرید که به موتورهای جست و جو و بعضا مخاطب شما کمک کند تا اون لینک و هدف از اون پیوند ایجاد شده را بیان کند.
اما ویژگی دیگری برای تگ های لینک وجود دارد که تحت عنوان Rel برای لینک های خارجی موجود هست که اگر شما بخواهید به یک وب سایت لینک خارجی بدهید.
اما به موتور جست و جو بگویید که این ارتباط را نادیده بگیرد شما این حق را دارید و امکانش برای شما نیز فراهم شده است چرا که در صورتی که اون ارتباط را NoFollow نکنید در حقیقت به یک وب سایت بک لینک دادید و به اون کمک کردید که مقداری امتیاز از سوی شما نزد موتورهای جست و جو دریافت نماید.
البته اجباری در این مورد وجود ندارد و می توانید این ویژگی Rel را در نظر نگیرید.
Example : <a href=”https://MahdiTorkaman.com” rel=”NoFollow” title=”توسعه دهنده و برنامه نویس وب”>Link</a>
تگ های OG یا Open Protocol Graph (تگ مهم HTML در سئو)
تگ های OG نیز همانند متا تگ ها توضیحاتی را ارائه می دهند با این تفاوت که به شما امکانات بسیار بیشتری را در اختیار شما برای معرفی یک صفحه می گذارد و عموم هدف این تگ ها برای نمایش بهینه در شبکه های اجتماعی می باشد.
این ویژگی به شبکه های اجتماعی کمک می کنند که اون لینکی که داخل سایتشان فراخوانی می شود را بهتر از نظر ساختار و جزئیات بررسی نمایند.
برای مثال سایت آپارات را اگر در نظر بگیرید به خوبی این استاندارد سازی را انجام داده است و اگر شما سایت آپارات را لینکی از آن را داخل یک شبکه اجتماعی یا برنامه ای به اشتراک بگذارید می بینید که ساختار ویدیویی بودن آن را تشخیص و حتی اجازه پخش ویدیو از همانجا را نیز به شما می دهد.
البته این بخش از این خاصیت های این تگ هست و گوگل هم امتیازی به سایت هایی که این استاندارد را رعایت کرده باشند می دهد چراکه شما شفاف ساختار یک صفحه را دقیق شرح داده اید.
افزونه هایی مثل Rank Math و Yoast در وردپرس هستند که اضافه کردن تگ های OG را بدون هیچ دردسری در اختیار تمامی صفحات شما می گذراند و در حد مناسبی نیز استاندارد هستند.
تگ های توییتر (10 تگ مهم HTML در سئو)
این تگ های Twitter Card دقیقا همان کار OG متاها را می کنند با این ویژگی که این تگ ها به صورت اختصاصی برای توییتر در نظر گرفته شده اند و اگر هم نداشته باشید توییتر به خوبی قادر به خواندن OG تگ ها هست.
اما اگر برای توییتر حساب ویژه ای بازکردید و فعالیت خوبی دارید بهتر است که این مورد را نیز رعایت نمایید و این مورد را نیز در وردپرس افزونه های Rank Math و Yoast نیز پوشش می دهند.
تگ Robots
تگ Robots (تگ مهم HTML در سئو)
همانطور که از نام این تگ هم مشخص هست برای ربات هایی استفاده می شوند که وظیفه گشت و گذار و دسته بندی سایت ها را بر عهده دارند و این تگ کلا دو حالت دارد و بهتر است که در هر کدام از این حالت ها حتما در صفحه استفاده شود.
- نمی خواهید سایتتان توسط موتورهای جست و جو بررسی شود.
- می خواهید سایت شما توسط موتورهای جست و جو بررسی شود.
Example : <meta name=”robots” content=”noindex, nofollow“>
تگ Canonical (تگ مهم HTML در سئو)
تگ Canonical باید با دقت استفاده شود و بهتر است که از یک سئو کار خوب و مطمئن مشاوره بگیرید در این باره چرا که می تواند ضررهایی به نتایج و امتیازات سایت شما در موتورهای جست و جو وارد کند. این تگ به جهت مشخص بودن آدرس دقیق یک صفحه مشخص می کند و در برخی شرایط برای محتوای مشابه مورد استفاده قرار می گیرد.
تگ Canonical برای مشخص کردن آدرس دقیق (تگ مهم HTML در سئو)
تکلیف خودتان را یکبار برای همیشه مشخص کنید که سایت شما در کدام یک از حالت های زیر می خواهید باز و نمایش داده شود، البته این نوع استفاده از این تگ آنقدر هم ضروری نیست اما حساب کنید اگر 1 امتیاز از 1000 امتیاز نزد موتورهای جست و جو داشته باشد شما در عرض یک ثانیه 1 امتیاز را راحت گرفتید.
- https://MahdiTorkaman.com
- https://www.MahdiTorkaman.com
- http://MahdiTorkaman.com
- http://www.MahdiTorkaman.com
تگ Canonical برای جلوگیری از محتوای اسپم یا مشابه (تگ مهم HTML در سئو)
این تگ زمانی خیلی اهمیت دارد که شما برای اینکه محتواها یا محصولات مشابهی را در یک سایت دارید، خب این دقیقا یعنی چی ؟ خب در نظر بگیرید شما گوشی آیفون 11 اپل می فروشید و در قسمت محصولات اون هارو از نظر فضای ذخیره سازی به عنوان محصولاتی جداگانه ثبت کردید، خب ؟
به عنوان مثال دو محصول دارید با عناوین آیفون 11 با ظرفیت 128 گیگ و آیفون 11 با ظرفیت 256 گیگ و در نمی خواهید برای هر کدام محتوای اختصاصی بزنید تا این محصولات کپی و اسپم حساب نشوند چرا که صفحاتی که محتوای مشترک داشته باشند را گوگل به شدت با آن ها برخورد می کند.
پس حواستان را حسابی جمع کنید و اگر محتوای آن ها یکی هست حتما یکی را به عنوان رفرنس به گوگل معرفی کنید که گوگل متوجه این موضوع شود.
البته در وب سایت های وردپرسی افزونه های Rank Math و Yoast این کار را انجام می دهند که می توانید آموزش هایی را در این بار در اینترنت جست و جو کنید.
تگ ریسپانسیو Responsive (تگ مهم HTML در سئو)
شاید تا دو سه سال پیش به قبل کسی فکرش را هم نمی کرد یک روز استفاده از موبایل ها برای جست و جو و وبگردی از کامپیوترها و لپ تاپ ها پیشی بگیرد اما آمارهای مختلفی نشان می دهد که الان بیش از نیمی از جست و جو های انجام شده و وبگردی ها توسط موبایل ها انجام می شود
خب این کاملا طبیعی بوده چرا که خیلی ها نمی توانند به راحتی از کامپیوترها استفاده کنند یا همیشه که یک کامپیوتر رومیزی یا لپ تاپ همراهمان نیست.
با گسترش موبایل و پیشرفت روز افزون صنعت موبایل ها باید بدانید که سایت شما ابتدا باید برای موبایل بارگزاری شود و سپس دیوایس های دیگر که به این تکنیک طراحی وب موبایل فرست Mobile First می گویند.
تگ ریسپانسیو دقیقا در یک وب سایت حکم این را دارد که قوانینی درباره چگونگی نمایش آن برای مرورگری که می خواهد در اون دیوایس آن صفحه را رندر کند قرار می دهد.
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
نتیجه گیری آخر : به لحاظ تجربه شخصی و تحقیقات این 10 تگ مهم HTML در سئو بسیار حائز اهمیت بوده و موضوع مهمتر که رعایت این تگ ها برای شما هزینه ای نخواهد داشت و اگر در برخی یا حتی همگی آن ها مشکل دارید
تا این 10 تگ مهم HTML در سئو را رعایت نمایید بهتر است از شخصی که تخصص و تجربه در این زمینه دارد کمک بگیرید.