แสดงบทความที่มีป้ายกำกับ code แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ code แสดงบทความทั้งหมด

SEO On-Page

seo onpage

Code ในการปรับแต่ง SEO On-Page


โดยหลักๆ ขอให้ Code คร่าวๆ ก่อน
<b:include data='blog' name='all-head-content'/>
    <title>
 <b:if cond='data:blog.homepageUrl == data:blog.url'>
  <data:blog.title/>
 <b:else/>
  <data:blog.pageName/> | <data:blog.title/>
 </b:if>
</title>
<b:include data='blog' name='all-head-content'/>
<meta content='DESCRIPTION' name='description'/>
    <meta content='KEYWORD' name='keywords'/>
    <meta content='global' name='distribution'/>
    <meta content='10 days' name='revisit'/>
    <meta content='10 days' name='revisit-after'/>
    <meta content='document' name='resource-type'/>
    <meta content='all' name='audience'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
    <meta content='AUTHOR' name='author'/>
    <meta content='en' name='language'/>
    <meta content='EN' name='country'/>
    <meta content='blogger' name='generator'/>

ขออธิบาย ในส่วนที่ ตัวหนังสือสีแดงก่อนนะครับ
DESCRIPTION = คำอธิบายคร่าวๆว่าบล็อกมีเนื้อหาเกี่ยวกับอะไร
KEYWORD = คำที่เกี่ยวกับเนื้อหาของบล็อก ว่าเกี่ยวกับอะไร
AUTHOR = ชื่อผู้เขียนบล็อก
en = ภาษาอะไร ถ้าไทย ก็ th
EN =  ประเทศอะไร ไทยก็ TH


อ่าส่วนวิธีใช้นะครับ
เราต้องไปที่ 
การเปลี่ยน Template สำหรับ Blogger

จากนั้นค้นหาคำว่า
การปรับแต่ง SEO On-page สำหรับ Blogger ขั้นที่ 1
เปลี่ยนเป็น Code ด้านบน


จากนั้นก็อยู่ที่เนื้อหาของเพื่อนๆแล้วหละว่าจะทำยังไงให้ Onpage SEO แบบนี้ ผมจะใช้บทความที่เกี่ยวกับการปรับแต่ง Onpage SEO บทความนี้เป็นตัวอย่างให้ดูคร่าวๆนะครับว่าBlogger ก็สามารถปรับแต่ง SEO ด้าน On-page ได้เหมือนกัน ให้เพื่อนๆสังเกตุคำว่า Onpage SEO นะครับ ว่าจะมี ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ แล้วก็ลิ้งเข้าหน้าบล็อกหน้าอื่นๆได้ เช่น การเขียนบทความที่ถูกต้อง และ การสร้างบล็อก 

เป็นต้น

ซึ่งจะเห็นว่าบทความตัวอย่างข้างต้นนี้ ผมได้เน้นคำว่า Onpage SEO ใช่ไหมครับ แต่มีข้อแม้เช่นกัน ว่าหากใช้คำเหล่านี้เยอะเกินไป จะทำให้ โดนหักคะแนนจาก Search Engine ครับ ซึ่งหลักๆก็คือ Google นั่นเอง


ยังไม่หมดเพียงแต่นี้นะครับ ให้ดูที่หน้าเว็บของเพื่อนๆจะมีส่วนนี้อยู่
การปรับแต่ง SEO On-page สำหรับ Blogger ขั้นที่ 2

นอกจากส่วนนี้แล้วยังมี Tag ที่จะใช้กันอีก เรียกว่า แท็ก Header ซึ่งก็คือหัวข้อนั่นเอง
ซึ่งจะอยู่ตรงนี้
การปรับแต่ง SEO On-page สำหรับ Blogger ขั้นที่ 3
จะได้ตัวอย่างนี้ ลองปรับแต่งกันดูนะครับ


การปรับแต่ง SEO On-page สำหรับ Blogger ขั้นที่ 4

ที่นี้มาใส่ ALT Tag หรือคำอธิบายรูปภาพกัน โดนวิธีใส่ไปที่ Html ด้านบนซ้าย

แล้วจะเห็น Code Html เยอะแยะเลย ให้สังเกต ตาม กรอบนะครับ

การปรับแต่ง SEO On-page สำหรับ Blogger ขั้นที่ 5


เริ่มเข้มข้นขึ้นมาแล้วหละสิครับเพื่อนๆ ในบทต่อไปอย่าพลาดกันหละครับ ^^
http://blog9t.blogspot.com/2012/07/onpage-seo-blogger.html

ไม่มีความคิดเห็น: ป้ายกำกับ: , , , ,

ตัวอย่าง Code ที่ใช้สำหรับทำ Drop Down Menu และ Sub menu ของ Blogger


ในหัวข้อนี้ผมจะมีตัวอย่าง Code ที่ใช้สำหรับทำ Drop Down Menu และ Sub menu ของ Blogger (ตามภาพประกอบด้านล่าง) มาเป็นตัวอย่างให้ทุกท่านได้ลองนำไปใช้ดูน่ะครับ จะทำให้ Blog ของท่านดูดีและสวยงามขึ้นมากทีเดียว ขั้นตอนการทำก็ไม่ได้ยุ่งยากอะไรมากมาย สามารถทำตามได้ตามขึ้นตอนด้านล่างครับ 


วิธีการติดตั้งคือ 
ขั้นที่ 1 เข้าไปที่ Design>Edit HTML ติ๊กถูกที่ Expand Widget Templates ด้วย
ขั้นที่ 2 วางตัวอย่าง Code ด้านล่างระหว่าง Tag: <Body>....</Body> 
ขั้นที่ 3 เปลี่ยนชื่อ Menu และ Sub menu ตามต้องการ พร้อมทั้งใส่ links ของแต่ละเมนู

ตัวอย่าง Code
<div style='clear:both;'/>
<div id='navcontainer'>
<ul id='nav'>
<li class='current-cat'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>
<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>
<li><a href='#'>Featured</a></li>
<li><a href='#'>Health</a>
<ul class='children'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>
<li><a href='#'>music</a></li>
<li><a href='#'>politics</a></li>
<li><a href='#'>Uncategorized</a></li>     
</ul>
</div>

 หวังว่าคงเป็นประโยชน์ไม่มากก็น้อยน่ะครับ พบกันใหม่ครับ
ไม่มีความคิดเห็น: ป้ายกำกับ: , , ,
สมัครสมาชิก: บทความ (Atom)

ร่วมเป็นสมาชิก Blogseothai คุณคือตัวจริง !