در این قسمت مهم ترین تگ های HTML که در سئو وب سایت مهم و کلیدی هستند را توضیح می دهیم.
یکی از مهمترین اقدامات در سئو، بهینه سازی داخلی سایت است. در این زمینه استفاده از تگ های مهم HTML در سئو در حین طراحی و بعد از آن بسیار مهم است. این مورد اغلب توسط برنامه نویسان در طول طراحی نادیده گرفته می شود، اما یک طراح وب با تجربه باید به طور کامل با این موضوعات اولیه SEO آشنا باشد.
در این مقاله قصد داریم مهم ترین تگ های HTML که نقش مهمی در سئو و بهینه سازی دارند را معرفی کنیم. تمامی این متا تگ ها در قسمت “HEAD” قالب سایت ذکر شده اند و اکثر آنها خروجی متنی برای کاربران ندارند.
متا تگ های مهم HTML در سئو
1 - برچسب عنوان
تگ عنوان که به سئو نیز معروف است، همان برچسبی است که در نتایج گوگل و برگه های مرورگر ظاهر می شود. این تگ موثرترین متا تگ در بین تگ های مهم HTML در سئو است که باید در هر صفحه استفاده شود. بهتر است کلمه کلیدی که برای شما مهمتر است یا نام وب سایت را در این تگ بنویسید:
اگر از سیستم های مدیریت محتوا مانند وردپرس استفاده می کنید، این تگ را می توان از طریق افزونه های سئو مانند سئو ایجاد کرد.
توجه داشته باشید که حداکثر طول استاندارد برای این متاتگ 70 کاراکتر است.
<title>> What is title tag? | Site Admin </title>2 - برچسب رمزگذاری کاراکتر
یکی از تگ های مهمی که در طراحی نباید فراموش کنید استفاده از تگ رمزگذاری برای نمایش صحیح تمام کاراکترهای صفحات وب است. برای این کار تگ زیر را در قسمت head در Html قرار دهید. توجه داشته باشید که اگر از این متا تگ به درستی استفاده نکنید، ممکن است متن وب سایت شما خراب شود.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">3 - برچسب توضیحات وب سایت
متا تگ توضیحات نیز تاثیر زیادی در سئوی صفحات سایت شما دارد. برای هر صفحه از سایت باید توضیحی بنویسید که در نتایج گوگل ظاهر شود. در گذشته گوگل به این متا تگ اهمیت زیادی می داد. امروزه اگرچه موتورهای جستجو توجه کمتری به این تگ دارند، اما همچنان تاثیر خوبی در افزایش نرخ کلیک دارد. اگر بتوانید متن جذابی در این تگ بنویسید، می توانید ورودی و نرخ کلیک خود را افزایش دهید. این متا تگ دقیقاً همان توضیحاتی است که در زیر عنوان سایت در موتورهای جستجو مانند گوگل ظاهر می شود.
توجه داشته باشید که حداکثر طول استاندارد برای این متاتگ 160 کاراکتر است.
<meta name="description" content="Know the best hosting service provider in the world." />4 - Robots Tag
متا تگ های ربات، خزنده ها را برای تعیین وضعیت دسترسی برای نمایه های صفحه راهنمایی می کنند. به عنوان مثال، تگ زیر نشان می دهد که خزنده ها مجاز به ایندکس کردن این صفحه هستند:
<meta name="robots" content="index, follow" />در حالت عادی چون همه صفحات ایندکس هستند نیازی به نوشتن کد بالا نیست اما برای صفحاتی که نمی خواهید ایندکس شوند از کد زیر استفاده کنید.
<meta name="robots" content="noindex" />اگر بخواهیم به ربات ها بگوییم که مجاز به دنبال کردن لینک های این صفحه نیستند، باید عبارت nofollow را نیز به قسمت محتوا اضافه کنیم.
5 - برچسب کلمات کلیدی
می توانید یک تگ کلمه کلیدی را در قسمت head سند html سایت قرار دهید و کلمات کلیدی اصلی خود را در آن بنویسید. البته لازم به ذکر است که گوگل چندین سال است که به این تگ توجهی نکرده و از آن استفاده نمی کند، اما سایر موتورهای جستجو همچنان به آن توجه دارند.
فقط مراقب باشید از این تگ زیاد استفاده نکنید و فقط کلمات کلیدی مهم را در آن قرار دهید.
<meta name="keywords" content="keyword1, keyword2, keyword3">فقط مراقب باشید که از این تگ زیاده روی نکنید و فقط کلمات کلیدی مهم را شامل شود. به عنوان یک پیشنهاد، استفاده از 10 کلمه کلیدی مناسب است.
6 - Canonical Tag
این تگ زمانی استفاده می شود که محتوای تکراری در وب سایت خود داشته باشید. محتوای تکراری معمولاً به دلیل استفاده نادرست از برچسب ها، کپی برداری از مطالب و باز شدن همزمان سایت با http و https ایجاد می شود! برای حل این مشکل، تگ canonical عملکرد خوبی دارد.
<link rel="canonical" href="https://adminesite.com/best-hosting-service" />البته پیشنهاد می کنم قبل از استفاده از این تگ، جزئیات مربوط به مقاله مربوط به وب سایت ما را مطالعه کنید.
7 - Viewport Tag
این تگ برای نمایش صفحات وب روی نمایشگر گوشی بسیار مفید است. با کمک این تگ می توان اندازه صفحه سایت را با اندازه صفحه نمایش مطابقت داد. این تگ برای طراحی صحیح و ریسپانسیو سایت ضروری است.
<meta name="viewport" content="width=device-width, initial-scale=1">8 - Hreflang Tag
این تگ برای تعیین زبان سایت استفاده می شود. با کمک این تگ می توانید به موتورهای جستجو بگویید زبان اصلی سایت چیست. استفاده از این برچسب در سایت های چند زبانه توصیه می شود.
<link rel="alternate" href="http://example.com" hreflang="en-us" />این مقاله برای درک متا تگ های مهم و کلیدی موتورهای جستجو می باشد و در مقالات بعدی در مورد مفاهیم حرفه ای سئو بیشتر توضیح خواهیم داد. اگر به این موضوع علاقه مند هستید، مقالات قسمت SEO وب سایت را مطالعه کنید.