+- تالار گفتمان اسکریپت دات کام (https://forum.xn--mgbguh09aqiwi.com)
+-- انجمن: کدنویسی و برنامه نویسی (https://forum.xn--mgbguh09aqiwi.com/Forum-%DA%A9%D8%AF%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D9%88-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C)
+--- انجمن: دیگر زبان های برنامه نویسی و کدنویسی (https://forum.xn--mgbguh09aqiwi.com/Forum-%D8%AF%DB%8C%DA%AF%D8%B1-%D8%B2%D8%A8%D8%A7%D9%86-%D9%87%D8%A7%DB%8C-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D9%88-%DA%A9%D8%AF%D9%86%D9%88%DB%8C%D8%B3%DB%8C)
+--- موضوع: اهمیت تگ های html (/Thread-%D8%A7%D9%87%D9%85%DB%8C%D8%AA-%D8%AA%DA%AF-%D9%87%D8%A7%DB%8C-html)
اهمیت تگ های html - noroozi - 1399/09/08
یکی از اقدامات مهم در سئو، بهینه‌سازی داخلی سایت است. در این زمینه به کارگیری تگ‌های مهم Html در سئو در زمان طراحی و بعد از آن بسیار با اهمیت است. این موضوع در بسیاری از موارد در حین طراحی نادیده گرفته می‌شود، اما یک طراح سایت کارکشته باید با این مباحث اولیه سئو آشنا باشد.
در این مقاله قصد داریم مهمترین تگ‌های HTML که در سئو و بهینه‌سازی نقش مهمی ایفا می‌کنند را معرفی کنیم. تمامی این متاتگ‌ها در بخش head قالب سایت درج می‌شوند و اکثر آنها برای کاربران خروجی نوشتاری ندارند.
متاتگ‌های مهم Html در سئو
۱- تگ عنوان
تگ عنوان که به عنوان سئو هم معروف است، همان تگی است که در نتایج گوگل و تب مرورگر نمایش داده می‌شود. این تگ پرتاثیر‌ترین متاتگ از میان تگ‌های مهم Html در سئو است که باید در تک تک صفحات استفاده شود. بهتر است کلمه‌کلیدی و نام سایت در این تگ نوشته شود:
تگ عنوان چیست؟
اگر از سیستم‌های مدیریت محتوا مثل وردپرس استفاده می‌کنید، این تگ از طریق افزونه‌های سئو مثل یاست سئو قابل ایجاد است.
۲- رمزگذاری کارکتر
یکی از تگ‌ها مهمی که نباید حین طراحی فراموش کنید استفاده از تگ رمزگذاری برای نمایش صحیح تمام کارکترهای صفحات وب است. برای این منظور تگ زیر را در بخش head در Html قرار دهید.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
1
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
۳- متاتگ توضیحات
متا تگ توضیحات هم تاثیری بسیار خوبی در سئو صفحات سایت شما دارد. برای هر صفحه از سایت باید توضیحاتی بنویسید که در نتایج گوگل نمایش داده می‌شود. در گذشته گوگل به این متاتگ اهمیت زیادی می‌داد. امروزه اگرچه توجه موتورهای جستجو به این تگ کمتر شده است اما همچنان تاثیر خوبی در افزایش نرخ کلیک دارد. اگر بتوانید یک متن جذاب در این تگ بنویسید، می‌توانید نرخ ورودی و کلیک خود را افزایش دهید.
<meta name="description" content="برترین پنل‌های پیامک را در ایران بشناسید." />
1
<meta name="description" content="برترین پنل‌های پیامک را در ایران بشناسید." />
۴- متاتگ ربات‌ها
متاتگ‌های ربات به ربات‌های خزنده راهنمایی می‌کنند تا وضعیت دسترسی برای ایندکس صفحات را مشخص کنند. برای مثال تگ زیر به ربات‌های خزنده می‌فهماند که اجازه ایندکس این صفحه وجود دارد:
<meta name="robots" content="index, follow" />
1
<meta name="robots" content="index, follow" />
در حالت عادی چون تمامی صفحات ایندکس می‌شوند نوشتن کد بالا ضروری نیست اما برای صفحاتی که نمی‌خواهید ایندکس شوند از کد زیر استفاده کنید.
<meta name="robots" content="noindex" />
1
<meta name="robots" content="noindex" />
اگر بخواهیم به ربات‌ها بگوییم که اجازه دنبال کردن لینک‌های این صفحه را هم ندارند باید عبارت nofollow را هم به بخش content اضافه کنیم.
۵- متاتگ کلمه‌کلیدی
شما می‌توانید یک تگ کلمه‌ی کلیدی در بخش head سند html سایت قرار دهید و کلمات کلیدی اصلی خود را در آن بنویسید. البته لازم به ذکر است که گوگل طی این چند سال به این تگ توجهی ندارد و از آن استفاده نمی‌کند اما سایر موتورهای جستجو همچنان به آن توجه دارند.
<meta name="keywords" content="کلمه‌کلیدی۱, کلمه کلیدی۲">
1
<meta name="keywords" content="کلمه‌کلیدی۱, کلمه کلیدی۲">
فقط توجه نمایید که در استفاده از این تگ زیاده‌روی نکنید و فقط کلمات کلیدی مهم را در آن قرار دهید.
۶- تگ کنونیکال
این تگ زمانی استفاده می‌شود که شما محتوای تکراری در وب‌سایت خود دارید. محتوای تکراری معمولاً ناشی از استفاده نادرست تگ‌ها، کپی کردن محتوا و بازشدن همزمان سایت با آدرس‌های http و https ایجاد می‌شود! برای رفع این مشکل تگ کنونیکال کارکرد مناسبی دارد.
<link rel="canonical" href="https://adminesite.com/best-sms-gateway/" />
1
<link rel="canonical" href="https://adminesite.com/best-sms-gateway/" />
البته پیشنهاد می‌کنم قبل از استفاده از این تگ جزییات آن را در مقاله‌ی زیر مطالعه کنید.
معرفی تگ Canonical و روش استفاده از آن
۷- تگ Viewport
این تگ برای نمایش صفحات وب‌سایت در نمایشگر گوشی بسیار کاربردی است. به کمک این تگ می‌توان اندازه صفحه سایت را با اندازه نمایشگر منطبق کرد. برای طراحی صحیح و responsive کردن سایت وجود این تگ ضروری است.
<meta name="viewport" content="width=device-width, initial-scale=1">
1
<meta name="viewport" content="width=device-width, initial-scale=1">
طراحی رسپانسیو چیست؟
۸- تگ hreflang
این تگ برای مشخص کردن زبان سایت مورد استفاده قرار می‌گیرد. به کمک این تگ می‌توانید به موتورهای جستجو بفهمانید که زبان اصلی سایت چیست. استفاده از این تگ در سایت‌های چند زبانه توصیه می‌شود.
<link rel="alternate" href="http://example.com" hreflang="en-us" />
1
<link rel="alternate" href="http://example.com" hreflang="en-us" />
همچنین می‌توانید با مراجعه به داکیومنت گوگل سایر تگ‌هایی که گوگل آنها را درک می‌کند را مشاهده کنید.
لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید | لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید | لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید