انجمن


سئو فرندلی بودن html در طراحی سایت  (۱ نوشته)

  • elan

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱
    # نوشته شده: ۳ هفته پیش
    ۵ آبان ۱۳۹۶ - ۰۲:۲۹

    سئو فرندلی بودن html در طراحی سایت
    سئو فرندلی بودن html یکی از موارد مهم جزئی در هزاران موردی است که میتواند به سئوی سایت شما کمک کند.
    و می توان گفت یکی از پایه های مهم ارتباط برقرار کردن با ربات های جستجو گر است.
    بنابراین شما برای طراحی سایت چه از سی ام اس هایی مانند وردپرس و جوملا استفاده کنید
    چه از فریمورک هایی مانند لاراول و یا yii در هر حال باید دانش طراحی html5 به طور استاندارد و سئو فرندلی بودن آن را
    داشته باشید.
    اگر شما کمی html بدانید آن را به عنوان زبانی میشناسید که فرمت محتوا را برای مرورگرها مشخص میکند.
    و به آنان میگوید که چگونه عناصر را نمایش دهد. اما در واقع html علاوه بر این کاربرد، کاربرد مهم تر دیگری را نیز دارد
    که به موتورهای جستجو میگوید : این بخش از محتوا چه نقشی را در سایت دارد. و یا این عناصر شامل چه محتوایی هستند.
    به دلیل آن که موتورهای جستجو اگر مثل یک فرد نابینا نباشند مطمئنا میتوان گفت دچار نقص بینایی هستند.
    و باید شما به آنان برای توصیف هر بخش از سایت کمک کنید. تا بدین روش تصویر درستی را برای آنان ترسیم نمایید.
    برای شما مثالی در این رابطه میزنم المنت هایی مثل div یا مثل span المنت های نمایشی هستند.
    و فقط نحوه نمایش محتوا را به مرور گر اعلام میکنند اما عناصری مثل article , aside نقش خود را برای ربات های
    جستجو بینگ و گوگل مشخص میکنند.
    با توجه به مطالب گفته شد ساختار html در طراحی سایت چگونه باید باشد؟
    ساختار سایت شما نباید به صورت آینه ای و یا بدتر از آن بی مفهموم باشد
    طوری که ربات های جستجو در پیدا کردن نقش عناصر گیچ شوند.یک مثال در این رابطه میزنم.

    <header><nav></nav></header>
    <section></section>
    <section></section>
    <footer><nav></nav></footer>

    همان طور که میبینید در این ساختار عناصر main, article,aside تعریف نشده اند. و این میتواند برای موتورهای جستجو
    بسیار بد باشد و آن ها را گمراه کند.
    و بهتر است که برای طراحی ساختار اچ تی ام ال این سایت مطابق تصویر زیر ترسیم شود.

    <header><nav></nav></header>
    <main>
    <article>
    <section></section>
    <section></section>
    </article>
    </main>
    <footer><nav></nav></footer>

    در تایپیک های بعدی با موضوعی دیگر در این زمینه بیشتر توضیح خواهم داد. و به شکل عملی نمونه های بیشتری را مثال خواهم زد.

درباره‌ی این موضوع