جهت ورود به تالار گفتمان سایت کلیک کنید


آموزش استفاده از تگ های html برای افزایش سئو

از سری آموزش های بهینه سازی وب سایت برای موتور های جستجو , امروز به بحث آموزش استفاده از تگ های html در بالابردن سئو سایت میپردازیم.

 یکی از راههای افزایش سئو یک وب سایت , استفاده درست از تگ های html و شیوه ی درست در کدنویسی آنها می باشد .

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

این تگ ها بیشتر شامل تگ های html5 می باشد …

و اما آموزش :

در بین تگ های html , تگ هایی وجود دارد که مفهوم خاصی را به موتور های جستجو می فهمانند . 

در زیر به این تگ ها میپردازیم …

1 – اگر در قسمتی  از سایت قصد Bold کردن نوشته ای را دارید , از تگ زیر استفاده نمایید .

<strong>وحید مجیدی</strong>

 2 – متن هایی که در قسمت تماس نوشته میشود , شامل اطلاعات فردی , شماره تماس , آدرس شرکت و … را در بین تگ زیر قرار دهید .

<address>
    <p>نام : وحید مجیدی </p>
    <p>تماس : 09127223650</p>
    <p>آدرس : تهران</p>
</address>

 3 – اگر در قسمتی از سایت قصد داشتید نقل قولی از کسی را بنویسید . حتما نقل قول را در بین تگ زیر قرار دهید .

<blockquote>نقل قول</blockquote>

 4 – برای نمایش تکه کد کامپیوتری , مثلا تکه برنامه ای از زبان برنامه نویسی ++c یا asp , از تگ زیر استفاده نمایید .

<code>کد برنامه</code>

 5 – زمانی که میخواهید قیمتی را خط بزنید و قیمت جدیدی اضافه نمایید از دو تگ زیر استفاده نمایید و

این کار بسیار مفید برای فروشگاه ها می باشد . 

در فروشگاه ها بارها اتفاق می افتد که یک قیمت در حراجی خط خورده و قیمت جدید داده میشود .

برای قیمت خط خورده و قدیمی :

<del>3000 تومان</del>

برای قیمت حراجی جدید :

<ins>4000 تومان</ins>

 6 – در فرم ها , نوشته های خود ( مثلا – نام و نام خانوادگی : ) را در بین تگ زیر قرار دهید .

<label>نام :</label>
<label>نام خانوادگی :</label>
<label>تلفن :</label>
<label>ایمیل :</label>

 7 – اگر در قسمتی میخواهید از کلمه مخفف استفاده کنید , آن را در تگ abbr انداخته و با کمک اتربیوت title , نام اصلی آن را بنویسید :

<abbr title="Vahid Majidi Sadr">VMS</abbr>

 8 – با استفاده از تگ mark میتوان قسمتی از یک نوشته را های لایت ( highlight ) کرد . این کار علاوه بر برجسته کردن آن قسمت از لحاظ دیزاین , میتوان برای بهینه سازی یک کلمه مهم از آن استفاده کرد . موتور های جستجو کلماتی که بین این تگ باشند را مهمتر تشخیص میدهد .

<mark>Vahid Majidi</mark>

 9 – حتما تاریخ و زمان در یک وب سایت در داخل تگ زیر قرار داده شود .

<time>68/10/17 , 23.06</time>

 10 – عکس های ( تگهای img ) وب سایت خود را به شیوه ی زیر در داخل 2 تگ فیگور قرار دهید .

توجه : در داخل figcaption توضیح مناسبی در مورد عکس بنویسید .

<figure>
  <img src="logo.jpg" alt="لوگو اسکریپت دات کام">
  <figcaption>لوگو اسکریپت دات کام</figcaption>
</figure>

 11 – در html5 تگ های header , footer , aside , section , article , nav , main میتواند بهترین راهنما برای موتور های جستجوگر باشد . 

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

به صورت روتین , تگ های بالا به معنی زیر می باشند .

<header></header>     قسمت بالایی
<footer></footer>     قسمت زیرین و پایین
<aside></aside>     قسمت کناری
<section></section>     یک قسمت مجزا
<article></article>     مقاله
<nav></nav>     فهرست - راهنما

 حال با توجه به راهنمایی بالا , میتوانید قالب خود را در بین این تگ ها بیندازید .

مثلا ساید بار را در بین aside قرار دهید یا مقالات سایت را در article یا فهرست های به کار رفته در وب سایت را در بین nav قرار دهید .

ضمنا توجه داشته باشید که این کد ها میتوانند به صورت تو در تو هم قرار گیرند .

مثلا فرض کنید یک قسمت در وب سایت دارید که شامل یک عنوان در بالا , یک نوشته در وسط , یک عکس در گوشه , و یک امضا در پایین آن قرار دارد .

حال میتوانید به این صورت کدگذاری کنید که تمام آنها را در یک section قرار دهید . عنوان را در بین تگ header . نوشته را در بین تگ article . عکس را در بین تگ aside و امضا را در بین تگ footer قرار دهید .

گرداوری : وحید مجیدی 

پخش اختصاصی

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

15 پاسخ به “آموزش استفاده از تگ های html برای افزایش سئو”

  1. moohamad گفت:

    سلام عالی بود فقط/
    من چت روم دارم همه این ها رو گفتی یاد گرفتم ولی ازکجا این ها رو انجام بدم اطلاع زیادی ندارم میخوام چندتا تگ برا چت رومم بزمwww.helnazchat.irیاحق

    • وحید مجیدی گفت:

      طبیعتا الکی که این کارو نمیتونید بکنید .

      پیشنهاد من به شما , دوره آموزش html ساده ولی کاربردی هست که در سایت دارم میزارم .
      آموزش ها رو دنبال کنید

  2. شاهین گفت:

    سلام داش وحید
    من دارم یه قالب برای سایت خودم درست می کنم، از مطالب شما هم خیلی استفاده کردم، موضوع سایت من سایت دانلود فیلم هست، ممنون میشم راهنماییم کنی
    داخل تگ از هدر و بادی استفاده کنم؟ از اونجایی که فقط یه متن کوتاه هست بهتره استفاده کنم یا نه؟
    و سوال دوم این که قالب فعلی عنوان هر مطلب رو با تگ اچ 3 مشخص کرده اچ 1 برای عنوان بهتر نیست؟ و اگه به اچ 1 تغییر بدم مشکلی پیش میاد؟
    ممنون از کمکت

    • وحید مجیدی گفت:

      100% h1 بهتره اما اگه الان بخوای تغییر بدی استایلت بهم میریزه که باید بری توی css و استایلو درست کنی.
      سوال اول هم اصلا متوجه نشدم والا

  3. مهرادمنش گفت:

    با سلام و احترام
    تشکر مطلب بسیار خوبی بود.

  4. میلاد گفت:

    سلام
    در هر صورت ممنون.
    بهتون پیشنهاد می کنم لینک های زیر رو یه نگاهی بندازید.

    http://tools.seochat.com/tools/code-to-text-ratio/

    https://www.site24x7.com/text-ratio.html

    http://smallseotools.com/code-to-text-ratio-checker/

    یا علی

  5. میلاد گفت:

    شرمنده یادم رفت نام تگ ها رو وارد کنم .
    یا از اونجایی که یک مقدار قدیمی و منسوخ شده به حساب میان، تاثیر منفی بر سئو سایت می زارن؟

    اما سوال دومم که کامل ارسال شده اما اگه بخوام بیشتر توضیح بدم منظورم همون code to text ratio هستش که می خوام بدونم به نظر شما چقدر تاثیر گذار در بهتر دیده شدن توسط موتورهای جستجو و این نسبت چند درصد باشه مناسبه؟

    • وحید مجیدی گفت:

      100% تگ هایی که منسوخ شده تاثیر منفی بر روی سئوی سایت میزاره .

      واقعیتا سوال دومتونو متوجه نشدم …

  6. میلاد گفت:

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

    • وحید مجیدی گفت:

      داداش گلم اصلا متوجه سوالتون نشدم . احتمالا بعضی کلمات در سوالتون حذف شده …

  7. شاهین گفت:

    داش وحید این تگ همون هدر و بادی اچ تی ام ال چهاره یا این هدری که گفتی “قسمت بالایی” توی بادی استفاده میشه؟

  8. جعفری گفت:

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

    • وحید مجیدی گفت:

      خواهش میکنم خانم جعفری …

      سر کلاس آموزش داده بودم . تابحال اینجا آموزش نداده بودم :D

پاسخ دادن به وحید مجیدی لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *