OfficeData Store

บล็อกสไตล์ Blogger 2.0 • รวมลิงก์ข้อมูล • อ่านง่าย • โหลดไว

หน้าแรก / Home • โดเมน: officedata.store

คู่มือจัดทำ “หน้า Directory” แบบ Blogger 2.0 ให้ดูเป็นระบบ

แนวคิดของหน้าแบบบล็อก (Blogger 2.0) คือมี “โพสต์หลัก” สำหรับอธิบายภาพรวม และมี “วิดเจ็ตด้านข้าง” สำหรับทางลัด/ลิงก์สำคัญ ผู้ใช้จะอ่านบทความก่อนแล้วค่อยคลิกไปยังลิงก์ที่ต้องการ ทำให้หน้าไม่ดูเป็นสแปมและยังคงความเป็นระเบียบ

ถ้าคุณต้องอ้างอิงลิงก์ในบทความ ให้แทรกเฉพาะจุดที่เกี่ยวข้อง เช่น Data HK เพื่อให้การเชื่อมโยงดูเป็นธรรมชาติ และผู้อ่านเข้าใจว่าลิงก์นั้นสัมพันธ์กับเนื้อหา

โครงสร้างที่คนคุ้นเคย

โพสต์หลัก + วิดเจ็ตด้านข้าง ทำให้ใช้งานง่ายเหมือนเว็บบล็อกทั่วไป

จัดลำดับความสำคัญ

ลิงก์ที่สำคัญสุดอยู่บนสุด ส่วนรายการยาวอยู่ใน Directory widget

โหลดไว เหมาะกับ GitHub

หน้าเดียวจบ ไม่พึ่งไลบรารีหนัก เหมาะสำหรับ GitHub Pages

มีจุดทางออก (CTA)

กำหนดปุ่มหลักชัดเจน ช่วยให้ผู้ใช้กดไปปลายทางได้ทันที

เคล็ดลับ: ถ้าต้องใส่ลิงก์หลายรายการ ให้รวบไว้ใน “Directory” และใช้การอ้างอิงแบบ contextual ในบทความเป็นบางจุด เช่น Angkanet เพื่อให้ดูสมเหตุสมผล
Paito SDY
ปุ่มทางออกหลักของหน้า (CTA)
เปิด Paito SDY

การตั้งค่า rel สำหรับลิงก์ภายนอก

ลิงก์ภายนอกที่เปิดแท็บใหม่ควรใช้ rel="noopener noreferrer" เพื่อความปลอดภัย (ในโค้ดนี้ถูกตั้งไว้แล้ว) หากลิงก์เป็นเชิงโฆษณา สามารถเพิ่ม nofollow sponsored ได้ตามนโยบายของคุณ