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 ของเรานะครับ สำหรับวันนี้ ขอจบเพียงเท่านี้ก่อนครับ แล้วพบกันใหม่ในบทความต่อไป






0 comments:

Post a Comment