2015 เป้าหมายมีไว้ให้พุ่งชน

ความฝันไม่มีที่สิ้นสุด ต้นปี 2015 พบว่าหน้า Facebook ของตัวเองมีเพื่อนๆ และบรรดา "เทพ" สรุปผลงานปี 2014 และเป้าหมายปี 2015 กันอย่างมากมาย บางคนเดือนละ $1M บางคนเป้าหมายสิ้นปีที่ $1M เลยทำให้ตัวเองต้องฮึดขึ้นมาอีกครั้ง และเป้าหมายปี 2015 สำหรับงานเสริม Passive Income ที่ 10,000 $ จะทำอย่างไร ตลาดไหน ด้วยวิธีการแบบไหน?

ตกแต่งหน้าบ้านให้แตกต่างด้วยของฟรีๆ

มองดูหน้าบ้านตัวเองตอนนี้มันไม่มีอะไรเร้าใจ ไม่มีอะไรที่ดูแล้วเป็นแบบมืออาชีพ (เอ๊าฮาๆๆๆๆๆ) คงต้องหาอะไรที่ทำให้ blog ของเราดูดีมีชาติตะกูลขึ้นมาอีกสักหน่อย และเหตุผลสำหรับคนโง่ๆ ไร้ความรู้อย่างผม ก็คือ "มันมีภาษาปะกิตง่ายๆในการที่เราจะอ่านทำความเข้าใจ" ซึ่งเป็นข้อมูลสำคัญในการปรับแต่ง Templates ให้เป็นไปตามที่เราต้องการ

ติตตั้ง WPTOUCH Free Premium Blogger Template

ได้ Free Premium Blogger Template มาครอบครองเป็นที่เรียบร้อย แต่ดูเหมือนว่ามีอะไรจะต้องทำอีกเยอะแน่ๆ ตอนนี้อย่าเพิ่งไปหวังเรื่อง Passive Income เรื่อง หาเงินออนไลน์ เลย เอาแค่ติดตั้ง template แก้ไข ปรับแต่ให้ได้อย่างที่ใจต้องการก็คงจะยากล่ะ ก่อนอื่นเรามารู้จักกับ Template ตัวนี้กันก่อนดีกว่า ว่ามีคุณสมบัติอย่างไรบ้าง ตามที่เขาว่ามา ...

การปรับแต่ง Blogger Layout เพื่อให้ดูดี

เมื่อเราลอง View Blog ของเราดูแล้ว จะเห็นว่ามันขาดๆ เกินๆ ทั้งที่ Side Bar และ Footer ทุกคนเห็นด้วยไหมเอ่ย งั้นเราลองมาหาวิธีการปรับแต่ง Blogger Template เพื่อให้ดูดีขึ้นกันดีกว่านะ Blog ของเราจะได้สวยสดงดงามมากขึ้น

จัดการกับ Categories ตัวชี้บ่งสำคัญ

ทำไมตรง Categories มันขึ้นมาเยอะแยะขนาดนั้น ไม่ได้ทำอะไรกับมันเลยนะ วันก่อนยังมีกระติ๊ดเดียวอยู่เลย มาไงอ่ะตัวเธอออออออออออออออออออออออ ใช่อย่างที่เราคิดไหม ว่าเจ้า Categories นี่ดึงข้อมูลมาจาก Labels ที่เราใส่ในแต่ละ Post แน่ๆ ฉันคงต้องทำอะไรสักอย่างแล้วซินะ ไม่งั้นปวดหัวแน่ๆ

Showing posts with label SEO. Show all posts
Showing posts with label SEO. Show all posts

Saturday, January 9, 2016

บันทึกการ หาเงินออนไลน์ ของลุงกบ : แก้ปัญหา Blogger/Blogspot เปลี่ยน URLs ไปตามประเทศที่กำหนด

How to stop blogger/blogspot redirect to countries specific URLs 

Stop Blogger Redirect to Specifics Countries URLs

สวัสดีครับ ห่างหายกันไปพอสมควรกับการอัพเดทครั้งล่าสุดก่อนปีใหม่ คงจะหายไปอีกสักพักใหญ่ๆครับ เนื่องจากต้องกลับมาอยู่บ้านหลังที่สอง ณ ประเทศสิงคโปร์อีกครั้ง ตอนนี้อยู่ในช่วงของการจัดเตรียมที่พัก ที่อยู่ อาศัย และเตรียมตัวที่จะไปเริ่มงานใหม่ในวันจันทร์ที่ 11 มกราคม 2559 นี้ ก็เลยแวะเข้ามาดู blog ของตัวเองและของคนอื่นหลายๆ blog พบว่า URLs ของ Blog เปลี่ยนเป็น Dot com dot SG หมดเลย และการเช็คค่าต่างๆ ผิดเพี้ยนไปหมด ดังนั้น จึงได้พยายามหาทางว่าเขาแก้ปัญหานี้กันอย่างไร ไม่ให้ Blogger/Blogspot ทำการ Redirects URL ของเราไปยังประเทศที่เขากำหนดเอาไว้ เรามาตามดูกันครับ กับการใช้งาน Blogger/Blogspot ของเรา

Sunday, December 27, 2015

บันทึกการ หาเงินออนไลน์ ของลุงกบ : มาทำลิงค์ภายในโฟสของ Blogger / Blogspot กันเถอะ

ทำลิงค์ภายในโฟสของ Blogger / Blogspot กันเถอะ

Table of Contents
internal post link blooger / blogspot
สวัสดีกันอีกครั้งครับ ช่วงนี้จะวนๆ เวียนๆ กับการทำ SEO ให้กับ Blogger หรือ Blogspot บ่อยสักหน่อยนะครับ เพราะยังเชื่อว่ายังมีเพื่อนๆหลายท่านอยากจะทำ blog เป็นของตัวเองโดยใช้ของฟรีอย่าง blogger หรือ blogspot ในการทำ อีกทั้งในต่างประเทศก็ยังเป็นที่นิยม และใช้ blog ฟรีเหล่านี้ในการทำเงิน ไม่ว่าจะจาก Adsense , ClickBank และ affiliate อื่นๆ  ไม่เว้นแม้แต่ Amazon (แต่เป็น Amazon สายขาวนะครับ สายปั่น หรือสายยัดก้นทำโฟสเยอะๆ ผมไม่ได้ทำมานานมากแล้วเพราะทำไปก็โดนลบและเสี่ยงกับการโดนแบนเป็นอย่างมาก 555+) 

สำหรับในครั้งนี้ สิ่งที่จะเอามาแชร์ มาเล่าสู่กันฟัง ก็เป็นเรื่องของการ ทำลิงค์ภายในโฟสของ Blogger / Blogspot ปัจจัยที่อยากจะทำเรื่องนี้ เกิดมาจากการที่นั่งมองโฟสฯ ของตวเองแล้ว บางทีมันจะยาวมาก การที่เราจะค้นหาหรือข้ามไปยังส่วนที่ต้องการดูในโฟส เป็นเรื่องที่ค่อนข้างลำบาก เลยอยากจะทำ Table of Contents แบบที่เห็นในเวปฯ ต่างๆ โดยเฉพาะเวปที่ทำด้วย Wordpress ซึ่งจะมี plugin รองรับให้ใช้งานอยู่มากมาย แต่ใน Blogger หรือ Blogspot ค่อนข้างจะยากในการทำ

เลยพยายามที่จะค้นหาและทดสอบ code และวิธีการต่างๆจากต่างประเทศ จนไในที่สุดก็ได้วิธีการที่จ่าจะให้ผลที่พอใจกับตัวเอง มาแบ่งปันให้กับทุกๆท่าน

ทำไมถึงต้องทำลิงค์ภายในโฟส?

นอกเหนือไปจากเหตุผลข้างต้นที่ต้องการให้ผู้ที่เข้ามาอ่านโฟสใน blog ของเรา สามารถเข้าถึงเนื้อหาที่สนใจและอยากอ่านได้โดยง่าย อีกเหตุผลหนึ่งที่เป็นปัจจัยสำคัญคือการเพื่อที่จะต้องการ Improve SEO ใช่ครับไม่ผิด เพื่อทำให้ blog ของเรามีคะแนแ SEO ที่ดีขึ้นในมุมมองของ search engine ต่างๆ โดยที่ blog หรือเวปไหนมีการทำโครงสร้างของลิงค์ภายในจะมีคุณภาพที่ดีกว่า blog หรือเวปที่ไม่มีก่ารทำ จะช่วยให้ผู้อ่านหาข้อมูลได้ง่ายแล้วยังทำให้ผู้ที่เข้าชม blog ของเรา อยู่กับเรานานขึ้นด้วย เป็นการช่วยเพิ่มค่า bounce rate ให้กับ blog ของเรานั่นเอง

วิธีการทำลิงค์ภายในโฟส

ตอนนี้เรามาเริ่มต้นการทำลิงค์ภายในโฟสกันดีกว่าครับ วิธีการไม่ยากจนเกินไปนัก หลักๆ คือเราจะใช้ ความรู้เกี่ยวกับ HTML พื้นฐานเป็นเครื่องมือในการสร้าง เพื่อไม่ให้เป็นการเสียเวลา เรามาลงมือกันเลยดีกว่าครับ เพียงแค่ทุกท่านทำตามขั้นตอนดังต่อไปนี้
1. ให้ท่านทำการ Login เข้าสู่ Blogger/Blogpot ของท่าน

2. ไปยังโฟสที่ท่านต้องการทำลิงค์ภายใน (Internal Post Link) โดยการเลือก Edit Post หรือสร้างใหม่ด้วย New Post


table of content internal post link in blooger/blogspot post
3. บทบทความที่ท่านเขียนให้ท่านหาดูว่าตำแหน่งในจะใช้ในการสร้างจุดเชื่อมโยงเพื่อไปยังเนื้อหาภายในโฟส ในตัวอย่าง ผมจะใช้โฟสนี้ในการทำ โดยเลือกที่จะสร้างจุดกระโดด ลิงค์ไปยัง 3 หัวข้อภายในโฟส จุดที่จะใช้กระโดดเป็นหัวข้อที่สร้างอยู่ในตาราง (table) และทำเป็น Table of Contents ไว้นั่นเอง

4. ให้ทำการเปลี่ยนโหมดในการเขียนบทความจาก Compose เป็น HTML ซึ่งจะทำให้เรามาารถแทรกและแก้ไขโค๊ดให้เป็นอย่างที่เราต้องการได้

5.กำหนดจุดเริ่มต้นที่เราจะทำลิงค์ไปยังเนื้อหาภายใน เรามาลองทำจุดแรกกันก่อน ในที่นี้ก็คือเราจะทำลิงค์ อืมมม ไปตรงกลางก่อนก็แล้วกันนะครับ เอาจุดที่จะใช้ลิงค์ไปในตาราง Table of Content ก็คือ "ทำไมถึงต้องทำลิงค์ภายในโฟส?"

6. รูปแบบของลิงค์ที่เราจะใช้ จะเป็นภาษา HTML ดังนี้ :
          <a href="#withinposts">ทำไมถึงต้องทำลิงค์ภายในโฟส?</a>
    <a href="#withinblogger">ทำไมถึงต้องทำลิงค์ภายในโฟส?</a>

อธิบายความหมายคร่าวๆ ให้ท่านได้ทราบ รายละเอียดลึกๆ ท่านสามารถหาอ่านได้ตามเวปทั่วๆไปนะครับ

  • href เป็นคุณสมบัติอย่างหนึ่งในภาษา html วึ่งจะต้องใช้กับแท๊กปิด ด้วย </a> ทุกครั้ง โดยเป็นคุณสมัติที่ใช้ในการทำลิงค์ว่าต้องการให้ไปที่ใด
  • ตัว identifier จะใช้เครื่องหมาย hash mark (#) เป็นตัวนำหน้าเพื่อใช้ชี้บ่งความเป็นการเชื่อมโยงภายในโฟส
  • ตัว identifier ทุกตัวจะต้อง Unique เพื่อป้องกันความสับสนและความผิดพลาดในการเชื่อมโยงและจะต้องอยู่ภายในเครื่องหมานคำพูด ("-") เท่านั้น
7. ขั้นตอนนี้ เราไปยังจุดที่เราต้องการทำการลิงค์กัน ใน HTML ก็คือจุดนี้
blogger internal post link start jump point
Point to jump
8. ณ จุดนี้ให้เราทำ Anchor text ในรูปแบบ : <a name="identifier">a heading</a> ซึ่งจะทำให้จุดแรกของเราเป็นแบบนี้
Jump pint HTML code
Jump pint HTML code
9. จากนั้นให้ไปที่จุดที่เราจะทำการ jump ไปยังเนื้อหาที่เราต้องการ โดยการกำหนด รุปแบบได้เป็นแบบนี้
Jump to HTML Code
Jump to HTML Code
10. ทำการบันทุกและ Publish Post แล้วทดสอบดูการเชื่อมโยง โดยที่หน้าตาของการเชื่อมโยงที่เสร็จเรียบร้อยแล้วจะเป็นแบบนี้
Completed Internal Post Link
Completed Internal Post Link

ให้ทำทำแบบเดียวกันนี้กับทุกๆลิงค์ภายในที่ท่านต้องการ และสามารถทดสอบได้กับโฟสๆนี้ที่มีการทำลิงค์ภายในไว้สามจุด

หากท่านมีปัญหาในหารทำหรือต้องการความเช่วยเหลือ ท่านสามารถโฟสไว้ได้ที่คอมเม้นท์นี่ หรือที่ Facebook Fanpage ของเรานะครับ สำหรับวันนี้ ขอจบเพียงเท่านี้ก่อนครับ แล้วพบกันใหม่ในบทความต่อไป






Thursday, December 24, 2015

บันทึกการ หาเงินออนไลน์ ของลุงกบ : เพิ่ม Breadcrumb ใน Blogger/Blogspot

Blogger SEO : เพิ่ม Breadcrumb ใน Blogger/Blogspot

Add Breadcrumb to Blogger and Blogspot
ใส่ Breadcrumb ให้กับ Blogger/Blogspot
ห่างหายกันไปนานกับการอัพเดท blog แต่ก็ไม่ได้ไปไหนครับ วนๆ เวียนๆ อยู่แถวๆ นี้ กับแอบไปหลงไหลกับเจ้า 3D Printing Technology สั่งเครื่องมาประกอบ สั่งเส้นพลาสติกมาพิมพ์ขึ้นงานดู แล้วก็แอบเขียน blog เล็กๆ เอาไว้ แต่ก็เช่นกันครับ ไม่ได้อัพเดทอะไรสักเท่าไหร่

มาวันนี้ก็ไม่มีอะไรมากครับ แค่อยากจะมาอัพเดทให้ทุกคนได้ลองทำกันดู เพราะว่าไปเจอเวปฯ หลายเวปฯ มากที่ทำ Navigator ให้กับเวปฯ ของเขา โดยใช้เทคนิคที่เรียกว่า "Breadcrumb" ที่ที่พบเห็นโดยมากหากไม่ใช้ Wordpress ก็จะเป็นสคริป์ที่เขียนขึ้นมา แต่ว่าเราๆ นี่ ใช้ Blogger หรือ Blogspot เป็นหลัก หากเราต้องการทำ Breadcrumb เราจะทำกันได้ไหม และทำอย่างไร?

What Breadcrumb will do on my blog?

ก่อนอื่น เราทุกคนคงอยากจะทราบซินะว่า เจ้า Breadcrumb นี่เขาเอาไว้ทำอะไร แล้วหากมีไว้ใน blog ของเรา มันจะเป็นอย่างไร ส่งผลอะไรให้กับ Blog ของเราบ้าง

การที่เราใส่ Breadcrumb เปรียบเสมือน หนูน้อยหมวกแดงโรยเศษขนมปังปังไว้ตามทางเพื่อให้กลับมาบ้านได้ถูก โดยที่ Breadcrumb จะอยู่ในรูปแบบของ การนำทางโดยตัวหนังสือ หรือที่เรียกกันว่า text-base navigation. 

Breadcrumb จะแสดงให้คนที่เข้ามายัง blog ของเราทราบว่า ตอนนี้เขาอยู่ที่จุดไหนของ blog และข้อดีของการทำ breadcrumb ก็คือจะช่วยให้ผู้ที่เข้ามายัง blog ของเราไปยังหน้าอื่นๆ หรือโฟสอื่นๆของเราได้โดยง่าย

ลักษณะของการแสดง breadcrumb จะเป็นในรูปแบบง่ายๆ แบบนี้
--------------------------------------------------------------------------
Home > Label > Post Title
--------------------------------------------------------------------------
ยกตัวอย่างจากโฟสนี้ (จะแสดง label ที่เยอะเป็นผลมาจากการใส่ label ของโฟสนั่นเอง) จะได้โฟสที่มี breadcrumb ในลักษณะนี้
Breadcrumb Example in Blogger and Blogspot
ตัวอย่าง Breadcrumb ของ post นี้

SEO Benefits from Breadcrumb

นอกเหนือไปจากการที่เราช่วยให้ผู่ที่อยู่ใน blog ของเราได้ไปไหนมาไหนสะดวกแล้ว Breadcrumb ยังช่วยเราในเรื่องของ SEO โดยจะเป็นตัวช่วยให้ search engine ที่เข้ามา สามารถไต่ไปยังส่วนต่างๆของ blog เรา โดยเฉพาะไปตาม Label ที่เราสร้างไว้ โดย search engine จะมองเป็น text link ตัวหนึ่ง ที่เป็นเสมือน keywords ของ blog เรานั้นเอง ภาษาที่พวกเราชอบใช้กันคือ ทำให้ "บอทไต่" ไปได้ทั่วทั้ง blog ของเรานั้นเอง

How to add Breadcrumb to Blogger or Blogspot Post

การใส่ Breadcrumb ลงใน Blogger หรือ Blogspot ไม่ไช้เป็นเรื่องที่ยากลำบากนัก หลังจากที่ได้ลองค้นหาข้อมูลตาม blog และ/หรือ เวปของต่างประเทศ พร้อมทั้งลองผิดลองถูก เพื่อทดสอบผลลัพธ์ จึงสรุปเป็นขั้นตอนให้ทุกคนได้ทำตามอย่างง่ายๆ ได้ดังนี้

  1. Login เข้าสู่หน้า  blog ของท่าน หากท่านยังไม่ได้ login
  2. ไปที่ Template
  3. ทำการสำรองข้อมูลของ Blog ไว้ก่อนทำการแก้ไข "สำคัญเป็นอย่างยิ่ง" หากเกดความผิดพลาดขึ้นมา ท่านจะได้เอาไฟล์สำรองมาทำการแก้ไข blog ให้กลับคืนมาได้ (หากท่านไม่ทราบว่าต้องทำอย่างไร ในการ Backup/Restore blog ของท่าน โฟสคอมเม้นท์ไว้นะครับ จะได้มาเขียนให้ทุกท่านได้ทราบอีกที)
  4. คลิกที่ Edit HTML เพื่อเข้าสู่หน้า Edit Template
    How to add Breadcrumb - Edit Template
  5. ค้นหา ข้อความนี้จาก HTML code โดยการกด Ctrl+F แล้วค้นหา <div class='blog-posts hfeed'> และ <data:defaultAdStart/>
  6. เมื่อพบแล้ว ให้ทำการก๊อปปี้ โค๊ดสีแดง ข้างล่างนี้ไปใส่ต่อจาก <div class='blog-posts hfeed'>
<b:includable id='main' var='top'>
<b:if cond='data:top.showPlusOne'>
<script expr:src='data:top.plusOneJsUrl'/gt;
</b:if>
<!-- posts -->
<div class='blog-posts hfeed'>
<!--Breadcrumb Hack - disable default status message
<b:include data='top' name='status-message'/>default status message disabled -->
<b:include data='posts' name='breadcrumb'/>

<data:defaultAdStart/>

      7.  จากนั้นให้นำ code ต่อไปนี้ ไปวางไว้ก่อน <b:includable id='main' var='top'>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> 
<!-- No breadcrumb on front page --> 
<b:else/> 
<b:if cond='data:blog.pageType == "item"'> 
<div class='breadcrumbs'> 
Browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> 
<b:loop values='data:posts' var='post'> 
<b:if cond='data:post.labels'> 
<b:loop values='data:post.labels' var='label'> 
<b:if cond='data:label.isLast == "true"'> » <a expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:if> </b:loop> 
» <span><data:post.title/></span> </b:if> </b:loop> </div> 
<b:else/> 
<b:if cond='data:blog.pageType == "archive"'> 
<div class='breadcrumbs'> 
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/> </div> <b:else/> 
<b:if cond='data:blog.pageType == "index"'> 
<div class='breadcrumbs'> 
<b:if cond='data:blog.pageName == ""'> 
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » All posts <b:else/> 
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> »
Posts filed under <data:blog.pageName/> 
</b:if> </div> </b:if> </b:if> </b:if> 
</b:if>
</b:includable>

      8.  จากนั้นทำการ Save Template เป็นอันเสร็จสิ้นวิธีการใส่  Breadcrumb ให้กับ Blogger / Blogspot ของเราเพื่อให้คนที่เข้าเวป และช่วยในเรื่อง SEO ของ blog เราครับ

หาท่านใดมีข้อสงสัยหรือต้องการให้ช่วยเหลือในด้านใด รบกวนช่วยโฟสไว้ในคอมเมนต์ หรือที่ facbook fanpage ของเรานะครับ ไว้พบกันใหม่ครับ

Wednesday, April 15, 2015

บันทึกการ หาเงินออนไลน์ ของลุงกบ : ใส่ SEO Meta Tag Title,Description และ keywords ให้กับ Blogspot


How to add SEO Meta Tags Title, Description and Keywords in Blogspot


     สวัสดีปีใหม่ไทย วันมหาสงกรานต์ วันหยุดยาวกลางๆ กับย๊าวยาว สำหรับบางคนหรือหลายๆคน หวังว่าทุกท่านคงจะมีความสุขกันนะครับ ส่วนผมไม่ได้ไปไหนไกล อยู่ในรัศมีบ้านไม่เกิน 30 กิโลเมตร แต่ก็ออกจากบ้านทุกวันตอนสายๆ กว่าจะกลับมาก็ดึกดื่นทุกวัน ออกไปแบบนี้ทุกท่านคงจะเดากันได้นะครับ ว่าไปทำอะไรมา อิๆๆๆ
     เข้าเรื่องของเรากันดีกว่า ห่างหายกันไปนานกับการเขียน Blog ตั้งแต่ตัดสินใจเรื่องใหญ่ๆ ไปเมื่อไม่นาน วันนี้เลยถือโอกาสมาเขียนบล๊อกให้ทุกคนได้อ่านกันบ้าง ช่วงนี้กระแสเขียน Blog กระแส Digital Information Product, Entrepreneur และ Infopreneur บ้านเรากำลังมาแรง เบียดบังกระแสเรื่อง Scripts เรื่องปั่นเวป เรื่องขาย Ebook สอนปั่น สอนขายของพวก ClickBank, Amazon, Viglink แทบจะหายเงียบไปกับสารบบกันทีเดียว (หรือว่าเราหาไม่เจอหว่า ขลุกแต่กำับงานประจำมาเป็นปีจนตกข่าว)
     อาชีพ Infopreneur กำลังเป็นที่สนใจ รวมถึงตัวผมด้วย แต่คงจะไม่มีปัญญาไปสัมนากับเขาหรอกครับ ช่วงนี้เอาตัวให้รอดไปวันๆ ก่อน แต่มีสิ่งหนึ่งที่น่าสนใจสำหรับคนใหม่ๆ ที่เข้ามาตรงนี้ ในมุมของคนที่ทุนน้อย ก็ต้องศึกษาหาความรู้ใช้ของฟรีไปก่อน เหมือนกับ Blog ของ "ลุงกบ" นี่แหละ เอาไว้ฝึกฝีมือ ทดลอง ทดสอบอะไรไปเรื่อยๆ  วันนี้เลยจะมาแชร์ถึงเรื่องๆ หนึ่งที่เป็นหัวใจของการทำ Internet Marketing หรือหัวใจในการหาเงินออนไลน์ ซึ่งต้องทำให้เป็นที่ถูกอกถูกใจของท่าน Google เพื่อให้เขารู้ว่าเวปหรือ Blog ของเราเป็น Blog เกี่ยวกับอะไร เพื่ออะไร ให้เขาเก็บรายละเอียดของเวปเราเข้าไว้ในฐานข้อมูลของเขา จะได้สะดวกในการยกขึ้นมาเสริฟให้กับคนที่ค้นหาข้อมูล
     ใช่แล้วครับ สิ่งที่ขาดไม่ได้คือเรื่องของ "SEO" รายละเอียดว่า SEO คืออะไร ท่านหาอ่านได้ตาม Internet นะครับ มีความรู้เรื่องนี้เยอะมาก ผมเป็นมือใหม่ ยังไม่สามารถจะนำมาเรียบเรียงตกผลึกให้ทุกคนได้ รู้แต่เพียง งูๆ ปลาๆ แต่วันนี้จะมาลองทำกันในส่วนที่เราเรียกกันว่า "SEO Meta tags" 

SEO Meta tags เป็นสิ่งที่สำคัญมากๆ สำหรับทุก blog
     วันนี้เราจะมาใส่ SEO Meta Tags Title, Description and Keywords ให้กับ Blogger หรือ Blogspot ของเรากัน. Meta tags จะเป็นข้อมูลที่สำคัญทั้งหมดของ blog เราที่จะถูก bot ของ Google นำไปเก็บรวบรวมเพื่อใช้ในการเสดงผลการค้นหาของ search engine (รวมทั้งของ SERP อื่นๆ เช่น Bing, Yahoo และอื่นๆอีกเช่นกัน). ตรงจุดนี้ เรามาทำความเข้าใจกันอีกนิดว่า Meta tags จะไม่แสดงผลบนหน้าเวปหรือ blog ของเรา แต่จะแสดงในผลการค้นหาของ search engine results ที่เกี่ยวกับเวปของเรา (หวังว่าคงจะไม่ งง กันนะครับ มือระดับพระกาฬกันทั้งนั้น). ในแต่ละส่วนของ Meta จะแสดงผลเกี่ยวกับ page description, keywords, author, author email and other metadata. เจ้าแมงมุม Google bots จะไต่เข้ามาอ่าน Meta tags ของ blog เราแล้วจะนำความพร้อมข้อมูลที่เก็บได้คาบไปส่งให้กับเจ้านายคือ Google search engine เพื่อนำไปเป็นแสดงผลการค้นหาหน้าเวปเราใน Search Engine results Pages (SERP).
SEO META TAGS for SERP
Source : haakblog.com

มาจับ SEO Meta Tags ใส่ Blogger/Blogspot

     เรามาเริ่มต้นใส่ SEO Meta tags โดยการใส่ tags meta เหล่านี้ เราจะจับใสผ่าน blogger template (ตรงนี้จะแตกต่างจากการใช้งาน WordPress ที่มีเครื่องไม้เครื่องมือ อย่างพวก SEO Plugin ช่วยให้การทำงานได้ง่ายกว่า Blogspot หรือ Blogger ที่เราใช้กันอยู่ตอนนี้) . เราจำต้องทำ SEO Meta tags in Blogger template เพื่อให้อันดับหรือ ranking ในหน้า Google SERP ของเวปหรือ blog ของเรามีอันดับที่ดีขึ้น วิธีการก็ไม่ได้ยากอะไรนัก เรามาเริ่มกันเลยดีกว่า.

ขั้นตอนที่ 1:

ให้ทำการ Login เข้าสู่ Blog spot หรือ Blogger > ไปที่ Dashboard เมนูจะอยู่ทางด้านซ้ายมือ > เลือก Template > และเลือก (แก้ไข) Edit Html

ขั้นตอนที่ 2. 

ไปที่ส่วนของ <head> section ใน Template. ถ้าจะให้ง่ายและสะดวกในการหา ให้กด Ctrl+F

Step 3. 

หลังจากเจอแล้ว หลังหรือบรรทัดต่อไปของส่วน <head> section ให้ทำการพิมพ์ Code ต่อไปนี้ หรือไม่ก็ทำการ Copy เอาไปใส่ไว้ใน template.
<!-- Meta Tags ~  http://offroadimer.blogspot.com/  -->
 <meta content='Your Blog Description' name='description'/>
 <meta content='Keyword1,Keyword2,Keyword3' name='keywords'/>
 <meta content='Author Name' name='Author'/>
 <meta content='Author Email Address' name='Email'/>
 <meta content='all' name='robots'/>
 <meta content='index, follow' name='robots'/>
 <meta content='Language Name' name='language'/>
 <meta content='Country Name' name='country'/>
 <meta content='blogger' name='generator'/>
<!-- /Meta Tags ~   http://offroadimer.blogspot.com/  -->

Step 4.

สำคัญอย่างมาก ให้เปลี่ยนข้อมูลต่างๆ เป็นข้อมูลที่ท่านต้องการ

Step 5.

ท้ายสุด ให้ทำการบันทึก template จากนั้กลับไปที่ blog ของเรา, ทำการ view page source เพื่อดู description and keyword.ของเวป/blog ของเรา

ผลจากการปรับ/ใส่ SEO Meta tags 

Before
After
Note: เป็นการเปิดดูและตรวจสอบด้วย SEO QUAKE extension

     หวังว่าคงจะไม่ยากจนเกินไปนะครับ ก่อนจาก สำหรับท่านที่สนใจจะเรียนรู้เกี่ยวกับการใช้งาน/เขียน blog ด้วย Blogger หรือ Blog Spot มี Course ฟรีของคุณเอ๋ วัชระ มณีศรี มาฝากกัน ชื่อ 
คอร์สออนไลน์ เป็นบล็อกเกอร์มืออาชีพด้วย Blogger.com (กดเบาๆตรงนี้) ลองไปศึกษากันครับ ผมยังไปเรียนมาเหมือนกัน
     สุดท้ายหากท่านใดมีปัญหา หรือมีอะไรให้ช่วยเหลือ ติดชม แนะนำ โฟส comment ไว้หรือไม่ก็ฝากโฟสไว้ที่ Facebook ของ ลุงกบ - offroadimer ได้นะครับ