نوین سئو
آموزش سئو و بهینه سازی سایت

امروزه تمامی سایت ها از تصاویر جهت راهنمایی بیشتر کاربر، به کار گیری گرافیک خوب و زیبایی بخشیدن به مطلب و البته سئو و … استفاده می کنند. اگر شما هم از تصاویر در سایت خود استفاده می کنید مطمئنا نام تگ ALT را شنیده اید. اما تگ ALT چیست و چه تاثیری در سئوی سایت دارد؟

تگ Alt چیست؟

متن جایگزین یا Alternative Text که به عناوین “Alt attribute”، “Alt text” و یا “تگ Alt” نیز معروف می باشد، بیانگر توضیح کوتاهی از عملکرد و یا عنوان یک تصویر در یک صفحه وب می باشد. یکی از نکات مهم در بهینه سازی تصاویر سایت، استفاده از ویژگی Alt برای آنها است. تگ Alt و تگ عنوان در تقویت جایگاه مطالب در نتایج موتورهای جستجو و بهبود دسترسی کاربران اینترنتی به وب‌ سایت شما تاثیر گذارند.

 

تگ alt

 

در تمام تصاویر به کار رفته در یک وب‌ سایت، تگ Alt توصیف ‌کننده موضوعی است که از تصویر استنباط می‌ شود. این تگ می‌ تواند به عنوان متنی جایگزین برای تصاویر به هنگام خطا در بارگذاری نیز مورد استفاده قرار گیرد تا کاربران در صورت عدم نمایش تصویر، از مفهوم و عملکرد آن باخبر شوند.

علاوه بر این، مرورگرها قابلیتی دارند که معمولاً افراد نابینا یا دارای اختلال بینایی برای شنیدن مطالب آنلاین از آن استفاده می‌ کنند. خواندن این تگ ‌ها توسط مرورگر، انتقال مفهوم و محتوای تصاویر را برای این افراد امکان ‌پذیر می‌کند.

 

تگ alt تصاویر

 

کد زیر نمونه یک تگ تصویر HTML کامل است:

<img title=”“image” src=”“image.jpg”” alt=”“image” />

همانطور که مشاهده می‌کنید در کد بالا ۳ قسمت وجود دارد که در زیر کاربرد هر کدام را بررسی می‌کنیم:

  1. img src: این بخش، مرتبط با آدرس تصویر است. برای آنکه تصویری را در محتوای سایت خود قرار دهید، باید آدرس تصویر در محلی که ذخیره شده است را در این قسمت قرار دهید.
  2. Alt: این بخش مرتبط با تگ Alt است. در بین علامت نقل قول، باید تگ Alt مورد نظر خود را قرار دهید.
  3. Title: این بخش در حقیقت عنوان تصویر شماست. در این بخش باید برای تصویر خود عنوان مناسب قرار دهید.

ویژگی ‌های عنوان و Alt در یک تصویر، گرچه از لحاظ تکنیکی واقعاً تگ محسوب نمی ‌شوند، اما با نام تگ عنوان و تگ Alt شناخته می‌شوند. تگ Alt مفهوم و کاربرد تصویر را توصیف می‌کند. بنابراین، اگر شما از یک تصویر به عنوان یک دکمه برای خرید کالای X استفاده کرده‌اید، تگ Alt آن باید چیزی شبیه به دکمه خرید کالای X باشد.

هنگامی که نشانگر موس را روی تصاویر نگه می دارید، تگ عنوان ظاهر می‌شود. این تگ در حقیقت می‌تواند یک راهنمای ساده درباره عکس یا یک پیشنهاد جذاب برای تشویق کاربران به کلیک بر روی عکس باشد. بنابراین، در مورد مثال تصویر دکمه خرید کالا، تگ عنوان می‌تواند یک ابزار فراخوان برای عمل (یا اصطلاحاً Call-to-Action) مانند خرید کالای X تنها با ۲۰ هزار تومان باشد.

 

به طور معمول، تصاویر وب‌ سایت برای بهتر دیده شدن توسط موتورهای جستجو به تگ Alt نیاز دارند. معمولاً تصاویری که به منظور طراحی و تزئین وب ‌سایت استفاده می ‌شوند، باید در بین کدهای CSS قرار گیرند نه در میان کدهای HTML. با این وجود اگر امکان این تغییر وجود ندارد، می ‌توانید تگ Alt را خالی بگذارید تا مرورگرها و موتورهای جستجو از خواندن‌ آنها صرف نظر کنند.

 

کاربرد متن جایگزین تصاویر (تگ Alt):

  • اولین هدف و کاربرد تگ Alt تصاویر، افزودن یک متن به تصاویر در وب سایت می باشد. با تعریف Alt attribute به تگ <img> یکی از قوانین در دسترس بودن (Accessibility) وب سایت را اجرا کرده ایم. به عنوان مثال هنگامی که یک کاربر توسط دستگاه های صفحه ‌خوان (Screen Reader) یک صفحه وب را مورد پیمایش قرار می دهد، این متن جایگزین برای تصاویر خوانده می شوند.
  • در مواقعی که تصاویر به هر دلیلی لود نشوند (می تواند بدلیل کندی سرعت اینترنت باشد و یا مشکل داشتن آدرس تصویر و…)، تگ Alt بجای تصاویر به کاربر نمایش داده خواهند شد.
  • تگ Alt تصاویر به خزنده های موتور جستجو کمک می کند تا مفهوم و توضیح تصاویر را راحت تر index کنند.

 

متن جایگزین تصاویر

 

در تصویر بالا، بخش زرد رنگ سمت راست، بیانگر متن جایگزین (تگ alt) تصویر سمت چپ می باشد.

<img src=”pupdanceparty.gif” alt=”Puppies dancing”>

 

تاثیر تگ Alt بر سئو سایت:

گوگل برای تگ ‌های Alt تصاویر، ارزش نسبتاً بالایی در نظر گرفته است. این ارزش ‌گذاری به دلیل فهم آسان ‌تر تصاویر و تعیین موضوع محتوای پیرامون آنها صورت می‌ گیرد. این ارزش‌ گذاری به قدری جدی است که گوگل سرویس Google Image را به آن اختصاص داده است. همچنین، افزونه Yoast SEO محتوای وب‌ سایت را پیش از بارگذاری بررسی کرده و معمولاً توصیه می‌ کند که حداقل یک تصویر به همراه تگ Alt (متشکل از کلمه کلیدی) باید در محتوا وجود داشته باشد. به این ترتیب، در صورت نبود تصویر در محتوا یا استفاده نکردن از تگ Alt، به شما اطلاع می‌دهد.

با این حال، افزونه Yoast تنها یک ماشین پردازش است و از مفهوم محتوای شما آگاهی ندارد. وجود کلمه کلیدی در تگ‌ های Alt اگرچه الزامی است، اما به معنای استفاده بیش از اندازه آن ‌ها در تمام تگ ‌ها نیست. شما به عکس ‌هایی مناسب، باکیفیت و مرتبط با محتوای خود نیاز دارید که در تگ‌ های توصیفی‌ خود به نوعی از کلمات کلیدی استفاده کنید. با این حال، گاه محتوای تصویر به قدری به جزئیات می‌ پردازد که اجازه استفاده از کلمات کلیدی کوتاه و کلی را به شما نمی‌ دهد. با این وجود استفاده از تگ ‌های Alt طولانی و توصیفی هم شانس استفاده بهتر از کلمه کلیدی را افزایش می‌ دهد و هم در فهم تصویر و محتوا برای موتورهای جستجوگر مؤثر است.

 

تگ Alt و تگ عنوان در وردپرس:

اگر از وردپرس برای مدیریت محتوای وب ‌سایت و وبلاگ خود استفاده می‌ کنید، می ‌توانید از قابلیت ‌های در نظر گرفته شده برای تگ عنوان و تگ Alt تصاویر بهره گیرید. وردپرس به طور پیش‌ فرض نامی که تصاویر با آن ذخیره می ‌شوند را برای تگ عنوان یا نام تصویر در مطلب در نظر می‌گیرد که در صورت عدم ارتباط آن با محتوا می ‌بایست این نام را تغییر دهید.

همچنین، تصاویر ذخیره‌شده در دوربین ‌های عکاسی نیز با نام‌هایی نظیر DCMIMAGE10.jpg ذخیره می‌ شوند که نام آنها باید متناسب با محتوای شما تغییر کنند. پس از تنظیم عنوان، اگر هیچ متن مناسبی برای تگ Alt در نظر ندارید، بهتر است همان عنوان عکس را در قسمت متن جایگزین (تگ Alt) کپی کنید. اگرچه این کار چندان توصیه نمی‌ شود، اما بهتر از خالی گذاشتن این قسمت است.

 

متن جایگزین تصاویر در وردپرس

 

در واقع، با توجه به امکانات کاربر پسندی که وردپرس در اختیار مدیران وب ‌سایت قرار می‌ دهد، استفاده از تگ Alt و بهینه ‌سازی کردن تصاویر سایت بسیار ساده است. این در حالی است که با همین تغییرات جزئی (که تنها چند دقیقه زمان می‌برد) می‌ توانید سئوی وب‌ سایت خود را به میزان زیادی بهبود داده و جایگاه بهتری در نتایج موتورهای جستجو کسب کنید.

 

چگونه یک تگ Alt خوب بنویسیم؟

چشمانتان را ببندید و خواندن تگ Alt تصاویر خود را به شخصی دیگر واگذار کنید. اگر پس از شنیدن آن، می‌ توانید تصویری منطقی و کامل از تصاویر را در ذهن خود داشته باشید، پس شیوه درستی برای نوشتن تگ ‌های Alt در پیش گرفته‌ اید. برای مثال به عکس تصویر زیر نگاه کنید. آنچه مشاهده می‌کنید یک بشقاب از پنکیک بلوبری است.

 

نمونه متن جایگزین

 

<img src=”pancakes.png” alt=”pancakes”>

تگ Alt مثال بالا را نمی توان به اندازه کافی خوب دانست زیرا در آن از عبارات توصیفی استفاده نشده است و اندازه و طعم آن هم قابل فهم نیست. اگرچه این تصویر یک بشقاب ساده از پنکیک بلوبری است، اما بیش از عبارت پنکیک می ‌توان از آن صحبت کرد.

<img src=”pancakes.png” alt=”Stack of blueberry pancakes with powdered sugar”>

ترجمه: پنکیک بلوبری با شکر پودر شده

این تگ نسبت به حالت قبل بسیار مناسب ‌تر است زیرا در آن از یک عبارت توصیفی با طول کافی استفاده شده که تقریباً تمام ویژگی‌هایی که از تماشای تصویر قابل فهم است در آن استفاده شده است.

<img src=”pancakes.png” alt=””>

یا

img src=”pancakes.png” alt=”pancake pancakes pan cake hotcakes>

hotcake breakfast food best breakfast top breakfasts breakfast recipes

pancake recipe”>

استفاده از تگ ‌هایی همانند مثال بالا به هیچ وجه توصیه نمی‌ شود. در مورد اول تگ Alt بدون هیچ توضیحی به حال خود رها شده است، درحالی که در مورد دوم نیز طول تگ، بیش از اندازه بلند است و تنها تعدادی از کلمات کلیدی به زور در آن گنجانده شده است.

توجه داشته باشید که در مثال‌ بالا، برای فهم دقیق کاربر از جایگاه تگ Alt، از تگ ‌های انگلیسی استفاده شده است و این موضوع به این معنا نیست که نباید تگ Alt خود را به زبان فارسی بنویسید.

 

در مجموع برای نوشتن یک تگ Alt مناسب به نکات زیر دقت کنید:

تصویر را به بهترین شکل ممکن توصیف کنید:

تگ Alt، مهم‌ترین عامل تشخیص مفهوم تصاویر برای موتورهای جستجو و افرادی است که از قدرت بینایی مناسبی برخوردار نیستند. اگر تصاویری دارید که مفهوم خاصی ندارند و صرفاً برای تزئین و زیبایی استفاده می ‌شوند، بهتر است آنها را به‌جای قرار دادن در کدهای HTML، در میان کدهای CSS جای دهید.

تگ Alt با طول مناسب بنویسید:

معمولاً عبارات کوتاه برای توصیف هیچ تصویری کافی به نظر نمی‌ رسند. تصویر حتی اگر درباره یک خودرو باشد نیز به مشخصاتی مانند مدل، رنگ و سال تولید نیاز دارد. بنابراین عبارت مرسدس بنز کلاس C قرمز ۲۰۱۷ کمترین توصیفی است که می‌ توان از یک خودروی مرسدس داشت. در مقابل، عبارات بلند معمولاً به ‌وسیله مرورگرهای مخصوص افراد نابینا خوانده نمی‌ شود. افزون بر این، در توصیف یک تصویر تنها باید به کلیات آن اشاره کنید. در مجموع می‌توان گفت که طول تگ Alt باید کمتر از ۱۲۵ کاراکتر باشد.

از کلمات کلیدی استفاده کنید:

تگ ‌های Alt، یک فضای مناسب برای استفاده از کلمات کلیدی و در نتیجه یک فرصت دوباره برای علامت دادن به موتورهای جستجو است تا به ارتباط محتوای شما با یک عبارت خاص بیشتر پی ببرند. بنابراین، ارتباط محتوا با تصاویر باید نخستین اولویت شما در نوشتن تگ Alt باشد و قرار دادن کلمه کلیدی در تگ Alt حداقل یکی از تصاویر نیز می ‌تواند در بهبود رتبه وب‌ سایت شما مؤثر باشد.

بیهوده از کلمات کلیدی استفاده نکنید:

گوگل اگرچه نمی ‌تواند نقاط ضعف نوشته‌ های شما را متوجه شود، اما استفاده چشم بسته از کلمات کلیدی در تگ ‌های Alt، بدون در نظر گرفتن ارتباط میان تصاویر با متن تگ، می‌تواند شما را به دردسر بی اندازد. توصیه می‌ شود که تنها با عبارات مناسب تصاویر را توصیف کنید.

از تصاویر به جای متن استفاده نکنید:

موتورهای جستجو نمی‌ توانند متن نوشته ‌شده در تصاویر را بخوانند. بنابراین، از این کار پرهیز کنید. اگر ناچار به انجام آن هستید، هر آنچه در تصویر توضیح دادید را در تگ Alt تصویر قرار دهید.

از عبارات «تصویر یک…» و «عکس یک …» استفاده نکنید:

در حال حاضر موتورهای جستجو تصور می ‌کنند که متن Alt شما به یک تصویر اشاره دارد. بنابراین نیازی به مشخص کردن آن نیست.

دکمه ‌های فرم را نادیده نگیرید:

اگر در وب‌ سایت خود یک فرم دارید و از یک تصویر برای دکمه ارسال (Submit) استفاده می‌ کنید، حتماً از تگ Alt برای توصیف کامل عملکرد آن استفاده کنید. بنابراین نوشتن عباراتی مانند جستجو (Search)، ثبت نام (Sign Up)، ورود (Log In) و اعمال (Apply Now) در متن Alt این دکمه‌ ها ضروری است.

تگ Alt تصویرتان به جستجوی کاربران نزدیک باشد:

سعی کنید تگ Alt خود را به شکلی بنویسید که علاوه بر جذاب بودن برای کاربر، برای موتورهای جستجو نیز جذاب باشد. به این ترتیب، تصاویر شما در نتایج جستجو نمایش داده خواهند شد.

 

مثال هایی برای استفاده صحیح از تگ Alt:

در تصویر زیر مردی را می‌بینید که در حال حرکت بر روی پله ‌برقی است. تگ Alt پیشنهادی برای این تصویر می ‌تواند یکی از موارد زیر باشد:

 

نمونه متن جایگزین

 

تگ Alt خوب: یک مرد در پله برقی

تگ Alt بهتر: یک مرد سوار بر پله برقی

بهترین تگ Alt: یک مرد در حال حرکت بر روی پله برقی بلند

 

تصویر زیر نیز نشانگر بررسی یک عبارت خاص در Keyword Explorer وب سایت Moz است. تگ Alt پیشنهادی برای این تصویر نیز می ‌تواند یکی از موارد زیر باشد:

 

نمونه متن جایگزین

 

تگ Alt خوب:

<img src=”kwe.png” alt=”kw explorer”>

تگ Alt بهتر:

<img src=”kwe.png” alt=”keyword research in Keyword Explorer”>

تگ Alt عالی:

<img src=”kwe.png” alt=”Moz Keyword Explorer tool for SEO keyword research”>

 

نتیجه‌ گیری

شاید تصورش کمی دشوار باشد، اما قرار دادن تگ Alt برای تصاویر، تاثیر بسیار خوبی بر روی وضعیت سئو و ترافیک سایت شما دارد. تصور کنید کاربری به دنبال تصویر خاصی در نتایج جستجوی گوگل است که ناگهان تصاویر جذاب سایت شما را مشاهده می‌ کند. به این ترتیب، کاربر از طریق همان تصویر وارد سایت شما شده و به یک مشتری (یا خواننده) تبدیل می‌شود.

اگر در سایت خود تصاویری دارید که هیچ تگ و عنوانی ندارند، بهتر است زمانی را به نوشتن عناوین و تگ ‌های Alt مناسب برایشان اختصاص دهید. مطمئن باشید که این کار نه تنها وقت کمی از شما می‌گیرد، بلکه به وضعیت شما در نتایج موتورهای جستجو نیز کمک می‌ کند.

آموزش سئو با نوین سئو

متا تگ چیست
برچسب‌ها:, ,

متا تگ <meta>، یکی از مهمترین شاخص‌هایی است که بر روی سئو اثرگذاری بالایی دارد. متا تگها برای موتور جستجو و مرورگر هستند و کاربران آن را مشاهده نمی‌کنند.

اجزای متا تگ

Name: مشخص کننده نام متا تگی است که شما قصد استفاده از آن را دارید.
Description: تعیین کننده محتویات متاتگ برای موتورهای جستجو می‌باشد.

زبان ساختاری (Content Type)

این متاتگ ساختار صفحه شما را به موتورهای جستجو معرفی می کند و می گوید که کاراکتر های آن از چه یونیکدی پیروی می کنند. این متاتگ حتما باید در کدنویسی هر قالب مورد استفاده قرار خواهد گرفت.
< meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

متا تگ viewport

این متا تگ در ابتدا توسط شرکت اپل معرفی شد و اطلاعات مفیدی در مورد ابعاد صفحه وب سایت و نحوه زوم وب سایت به مرورگر می دهد. اما اگر به خوبی از این تگ استفاده نشود، صفحات وب سایت در گوشی های موبایل به درستی نمایش داده نمیشود. برای این که بتوانید یک قالب ریسپانسیو طراحی کنید باید این متا را در تگ <head> سایت خود قرار بدهید. در بخش آموزش طراحی سایت می‌توانید با اصول طراحی سایت آشنا شوید.

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

متا تگ توضیحات (Description)

توضیحات یک صفحه جزو استاندارد ها و یکی از موارد اصلی در سئو داخلی است. توضیحات مهم است مخصوصا در هنگام نمایش نتایج جستجو و بیان اینکه چه ویژگی هایی دارید که سایر رقبا از از آنها بی نصیب هستند. این متاتگ از بالاترین اهمیت برای موتورهای جستجو برخوردار است و محتوای صفحه شما را معرفی خواهد کرد. برای قرار دادن این متاتگ در کد نویسی خود می بایست آنرا در بین تگ Head و بعد از Title و متاتگ Content Type قرار دهید. تعداد کاراکترهای توضیحات متا بین 150 تا 160 کاراکتر باشد. از کاراکترهای غیر متعارف مانند @ , ! , $ , …. در متا تگ توضیحات استفاده نکنید. تکرار تاکید روی کلمات کلیدی تاثیر خوبی نخواهد داشت. در بخش آموزش سئو نوین سئو می‌توانید اطلاعات مفیدی در مورد سئو کسب کنید

<meta name=”description” content=”Description” />

متا تگ کلمات کلیدی (Keywords)

این متاتگ برای معرفی کلمات کلیدی درون سایت شما در نظر گرفته شده است. سعی کنید کلمات کلیدی که در این قسمت استفاده می کنید در محتوای صفحه به کار گرفته شده باشد. زیاد بودن کلمات کلیدی در Ranking سایت نتیجه برعکس ایجاد می کند و کمتر بودن آن نتیجه بهتری را به دنبال دارد ( حداکثر 10 کلمه ) و حداکثرتعداد کارکتری که در این قسمت می توان اضافه کرد 500 کارکتر می باشد. لازم به ذکر است برای جدا سازی کلمات کلیدی، از علامت ویرگول به صورت انگلیسی استفاده کنید.

<meta name=”keywords” content=”keyword1 , keyword2 , keyword3″ />

متا تگ نویسنده (Author)

در این متاتگ می توانید نام نویسنده را قرار دهید. این متاتگ برای سایت هایی که چند مدیر و کاربر مجزا دارد، می تواند مفید واقع شود.

<meta name=”author” content=”Arash Kamali” />

زبان سایت و محتویات آن (Content Language)

این متاتگ در موتورهای جستجو بسیار مفید می باشد و در مواقعی که موتورها بخواهند سایت ها را بر اساس زبان و یا منطقه زبانی آنها گروه بندی نمایند، بسیار مفید می باشد.

<meta http-equiv=”content-language” content=”fa” />

متا تگ حق چاپ و نشر (Copyright)

این متاتگ معمولا برای سایت هایی با محتویات خاص مانند سایت های علمی-فرهنگی ارائه دهنده مقالات در سطح جهانی، مورد استفاده قرار میگیرد. در این نوع متاتگ تاریخ و نوع کپی رایت سایت به نمایش ‘گذاشته می شود.

<meta name=”copyright” content=”©2014 PARSDATA” />

متا تگ اسپایدر (Robots)

این متاتگ به نحوه برخورد ربات های جستجوگر با سایت شما، می پردازد. البته همه ی ربات ها از این متاتگ پیروی نمی کنند (مانند ربات گوگل که در ادامه توضیح خواهیم داد)، اما بد نیست که در صفحه اول سایت خود آن را استفاده کنید. این متاتگ برای زمانی موثر خواهد بود که شما از robots.txt استفاده نکرده اید.
در دستور پایین به ربات ها خواهید گفت که صفحه شما را در لیست جستجو ذخیره کرده و از لینک های موجود در آن پیروی کنند.

<meta name=”robots” content=”index, follow” />

متاتگ ربات گوگل (Googlebot)

این متاتگ مخصوص ربات جستجوگر گوگل میباشد و همانطور که گفته شد از آنجا که این ربات در متاتگ Robots عمل نمیکند، می توانید از این متاتگ استفاده نمایید.

<meta name=”googlebot” content=”noarchive” />

متا تگ generator

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

<meta name=”generator” content=”Dreamweaver CS” />

متا تگ انقضا (Expire)

این متاتگ تاریخ انقضای صفحه را مشخص می کند.

<meta name=”expires” content=”tue, 21 Jun 1999″ />

متا تگ کنترل کش (Cache-Control)

برای مدیریت نحوه ذخیره کردن صفحات در مرورگر کاربران، از این متاتگ استفاده می‌گردد. در اکثر مرورگرها محتویات صفحه شما، مانند تصاویر، فایل ها و .. در حافظه موقت ذخیره می‌شود تا مدت زمان لود شدن صفحات کاهش پیدا می‌کند:

<meta http-equiv=”Cache-control” content=”public” />

محتوای شما در حافظه مشترک تمام کاربران یک سیستم ذخیره می شوند.

<meta http-equiv=”Cache-control” content=”private” />

محتوای شما تنها در حافظه نام کاربری شما ذخیره می شود.

<meta http-equiv=”Cache-control” content=”no-cache” />

هیچ ذخیره ای از محتوای شما در حافظه صورت نمی گیرد.

< meta http-equiv=”Cache-control” content=”no-store” />

در محدوده زمانی کوتاهتری محتوای شما ذخیره و نگهداری می شوند و به صورت آرشیو در نمی آیند.

طراحی سایت ارزان را از نوین سئو بخواهید

متا تگ چیست

4.4 (88.57%) 7 vote[s]

آموزش سئو با نوین سئو

تگ h1 تا h6
برچسب‌ها:,

تگ h1 تا h6Reviewed by Admin on Feb 17Rating: 5.0

توضیحات تگ های h1  تا h6

یکی از مهمترین فاکتور سیگنال دهی در صفحات برای کلمات کلیدی در سئو سایت , استفاده از متا تگ ها و بخصوص تگ های h  است. در قسمت مقابل اگر بطور بی رویه و بدون برنامه از این تگ ها استفاده شود میتواند خطرناک باشد و سایت شما را تا حدود زیادی به اسپم نزدیک کند. توجه داشته باشید که باید فقط زمانی از این تگ ها استفاده کنید که برایتان اون سر تیتر مهم باشد.

تگ h  یا header  چیست ؟

تگ h بصورت کلی از h1  تا h6  دسته بندی میشوند به این صورت که مهمترین آنها باید h1 و به ترتیب اهمیت آنها تا h6  کم میشود. در هر صفحه باید حداکثر یک تگ h1  وجود داشته باشد که پیشنهاد میکنم تایتل صفحه باشد. اگر داخل متن خواستید تگ h  استفاده کنید , از تگ h3  استفاده کنید. از یک تگ h2  برای تکمیل این تگ استفاده کنید

آموزش استفاده از تگ h

اگر میخواهید از تگ های h  در سایت خودتون استفاده کنید ( اگر وردپرس یا سایر سیستم های مدیریت محتوا آماده باشد ) در قسمت نوشته ها این ابزار ها وجود دارند که میتونین از اون استفاده کنید.

بلد ( bold  ) کردن نوشته را با تگ h  اشتباه نگیرید !

این دو مورد ممکن هست شبیه به هم باشند ولی کاملآ با هم تفاوت دارند . بصورت کلی هر چیزی را بلد نکنید .

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

نکته 2 : اگر از تگ های h استفاده میکنید توجه داشته باشید که ممکن از ظاهر یا استایل قالب شما تغییر کنه که از این لحاظ ممکنه بد باشه که کاربر خوشش نیاد یا از لحاظ موبایل فرندلی مشکل پیش بیاره

میتونید طبق فرمول زیر از تگ ها استفاده کنید :

تگ h1  = 1 بار که باید در تایتل صفحه یا مقاله بکار بره

تگ h2  = بین 2 تا 5 بار بین عنوان های داخل مطلب

تگ h3  = استفاده از این تگ تا حداکثر 6 بار در زیر عنوان مطلب

تگ h4-h5-h6 = محدودیت ندارد و میتونید هرچقدر که خواستید استفاده کنید

 


آموزش سئو با نوین سئو

لینک دوستان