Noparat Artist

ปรับแต่ง Meta Tag ของ Blogger ให้มีประสิทธิผลสูงสุด

ปรับแต่ง Meta Tag ของ Blogger ให้มีประสิทธิผลสูงสุด

12 ก.ย. 2011

บทความนี้ พยายามที่จะทำให้ง่าย ทั้งการนำไปใช้ปฏิบัติจริง และการทำความเข้าใจกับแท็ก header ของ blogger สำหรับการทำ Search engine optimization (SEO) ในส่วนของ Onpage Optimiz

ทบทวนกันก่อน สำหรับ Meta Tag หลักๆสำหรับการทำ SEO

Optimiz Blogger Meta Tagรูปจากคู่มือแนะนำการเพิ่มประสิทธิภาพเครื่องมือค้นหาของ google จะสังเกตได้ว่า Meta Tag ที่ header มีเพียง Title Tag และ Meta Description เท่านั้น ถึงแม้จะขาด Meta Keyword เนื่องจาก google ไม่ได้ให้ความสำคัญ แต่ถึงอย่างไร ก็ยังมี Search Engine ตัวอื่นที่ยังใช้อยู่ เพราะฉะนั้นก็ใส่ๆไปเถอะ และเพิ่ม Tag canonical (แท็กที่บอก bot ว่า URL นี้ที่เราให้ความสำคัญ)

สรุป ก็คือเราต้องการจะให้ มี 4 แท็ก ดังนี้

  1. Title Tag
    <title></title>
  2. Meta Description
    <meta content="description" name="description" />
  3. Meta Keyword
    <meta content="keywords" name="keywords" />
  4. Canonical
    <link href="URL" rel="canonical" />

ตามค่าพื้นฐาน Templates ของ Blogger นั้น จะมี Meta Tag เพียง Title Tag เท่านั้น และก็เป็น title ที่ซ้ำๆ กันทุกหน้า ทีนี้เราจะมาปรับตรงส่วนของ Title Tag ไม่ให้ซ้ำกันมาก และเพิ่มแท็ก Description , Keyword และ Canonical ให้ส่วนของเมต้าของแต่ละหน้ามีความแตกต่างกัน

วิธีการ

  1. ล็อกเข้าไปที่หน้า Layout (1.) –> Edit HTML(2.)
    Layout Edit HTML
  2. มองหาแท็ก
    <title><data:blog.pageTitle/></title>

    data blog page Title

  3. แล้วก๊อปปี้โค้ดด้านล่างนี้ไปใส่แทน
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.pageTitle/></title> 
    <meta expr:content='data:blog.pageTitle' name='description'/>
    <meta expr:content='data:blog.pageTitle' name='keywords'/>
    <link expr:href='data:blog.url' rel='canonical'/>
    </b:if>
     
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/></title>
    <meta expr:content='data:blog.pageName' name='description'/>
    <meta expr:content='data:blog.pageName' name='keywords'/>
    <link expr:href='data:blog.url' rel='canonical'/>
    </b:if>
     
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <title><data:blog.pageName/></title>
    <meta expr:content='data:blog.pageName' name='description'/>
    <meta expr:content='data:blog.pageName' name='keywords'/>
    <link expr:href='data:blog.url' rel='canonical'/>
    </b:if>

ความหมายของแต่ละวรรค

  • - วรรคแรก ถ้าเป็นหน้า index จะแสดงในส่วนของหน้าแรก (หน้า hame page)
  • - วรรคสอง ถ้าเป็นหน้า item จะแสดงในส่วนของหน้าเดี่ยว หรือหน้าของโพสต์
  • - วรรคสาม ถ้าเป็นหน้า archive จะแสดงในส่วนของหน้ารวมบทความ หรือหน้าคลังบทความ
  • - ในส่วนของแท็กหน้าที่เป็น URL หน้า Label นั้น จะอิงตามหน้า index คือจะเหมือนหน้า index แต่งจะเพิ่มตัว Label เข้ามาด้วย
  • ตามวิธีการนี้จะเป็นการเรียก title ของแต่หน้า ขึ้นมาแสดงในส่วนของ meta ทั้งหมด คือเป็นทั้ง title , description และ keywords ซึ่งผมคิดว่าเป็นวิธีการที่ง่ายดี ท่านใดมีวิธีที่ดีกว่าก็ชี้แนะได้ครับ.

    สุดท้าย “อย่าประมาท SEO ของ Blogger” เด้อ

    Incoming search terms:

    คุณอาจจะสนใจเรื่องต่อไปนี้

    8 Responses to “ปรับแต่ง Meta Tag ของ Blogger ให้มีประสิทธิผลสูงสุด”

    1. SEO GIRL พูดว่า:

      ทำไมมันคล้าย ๆ กับ http:// www. thaiseoboard.com/index.php?topic=60266.0

      แต่ว่าวิธีไม่เหมือนกันล่ะค่ะ ในไทยเสียวเค้าบอกว่าให้เปลี่ยน

      <meta expr:content='data:blog.pageName' name='description'/>

      อ๋อ ๆ อ่านไปอ่านมา มันไม่เหมือนกันที่ 'data:blog.pageName' ตัวนี้มันเอาเพจเนมมาเป็นเดสสคริปชั่นนี่เอง
      ตาถั่วจริง ๆ คนสวยอย่างเราเนี่ยะ แย่จัง

    2. Noparat พูดว่า:

      ง่ะ แบบผมนี่มันไม่ต้องคิดอะไรมากอ่ะ ผมลองแล้วมันง่ายและค่อนข้างได้ผลดี

      แต่ เอ..ใครเนียนมาค่ะเป็นผู้สาวแถวนี้หนิ จับได้เดี๋ยวมีตบจูบ

    3. SEO GIRL พูดว่า:

      จูบลงเหรอค่ะตัวเอง?????? (ทำเสียงใหญ่ ๆ )

    4. pc game พูดว่า:

      ขอบคุณมากครับ ผมกำลังทำตอนนี้ยังมั่วๆ -*-

    5. imodx พูดว่า:

      ตอนนี้ seo ใหญ่แล้วค่ะ

    6. tonghealth พูดว่า:

      ขอบคุณมากเลยครับ
      ผมก้ออยากจะแก้ตรงจุดนี้เหมือนกัน

    7. Theeranudsh พูดว่า:

      มือใหม่หัดเขียนblogspot ได้ลองทำตามคำแนะนำ ได้ผลอย่างไรจะรายงานให้ทราบคะ

      ขอขอบคุณมากคะ
      ธีรนุช

    8. TIGERKIT พูดว่า:

      ขอบคุณมากครับ ผมกำลังงงพอดี ค้นมาเจอ เอาไปใช้จริงแล้ว บอกได้คำเดียวว่า เจ๋ง!!

    Leave a Reply

    • จดโดเมน Name.com Coupon
      • - PICNIC เหลือ $8.75 จดหรือต่ออายุ COM/NET
      • - FREEWHOIS ฟรี Private whois
    • HostGator Coupon
      • - StartHostGator เหลือ $0.01 (เดือนแรก)
      • - HostGatorCoupon25OFF ลด 25%
    • ByetHost Coupon
      • - MEGADISCOUNT ลด 10.5%
    • krubpom Coupon
      • - ไม่มีคูปองเพราะโฮสฟรี(ฮ่าา)
    Noparat Artist bottom