ESC
ชุดเครื่องมือเผยแพร่เนื้อหา

เวิร์กโฟลว์นี้เหมาะสำหรับบล็อกเกอร์ นักเขียนเนื้อหา และนักพัฒนาฟรอนต์เอนด์ที่เผยแพร่บทความ หน้า landing page หรือเอกสาร ทำตามขั้นตอนตามลำดับเพื่อแปลงร่างฉบับหยาบให้เป็นไฟล์ HTML ที่พร้อม deploy พร้อมเมตาดาตา SEO และการแชร์โซเชียลที่ตั้งค่าอย่างถูกต้อง

6 ขั้นตอน ~12 นาที 6 เครื่องมือ
01

เขียนเนื้อหาด้วย Markdown

เขียนโดยไม่ต้องยุ่งกับแท็ก HTML Markdown ช่วยให้คุณมุ่งเน้นที่ข้อความ และตัวอย่างแสดงผลแบบเรียลไทม์แสดงผลลัพธ์ได้ทันที

Markdown Editor
เขียนหรือวางบทความของคุณที่นี่ และใช้ตัวอย่างแสดงผลแบบสดเพื่อตรวจสอบการจัดรูปแบบก่อนแปลง
เปิดเครื่องมือ
02

แปลงเป็น HTML ที่สะอาด

แปลง Markdown ของคุณเป็น HTML เชิงความหมายที่พร้อมใช้กับ CMS บล็อกแพลตฟอร์ม หรือเว็บไซต์ใดก็ได้ ผลลัพธ์สะอาดและสม่ำเสมอ ไม่มีสไตล์อินไลน์หรือ div ที่ไม่จำเป็น

Markdown เป็น HTML
วาง Markdown ที่เสร็จแล้วที่นี่เพื่อรับ HTML ที่มีโครงสร้างดีซึ่งสามารถนำไปใส่ใน CMS หรือเทมเพลตได้โดยตรง
เปิดเครื่องมือ
03

สร้าง URL ที่เป็นมิตรกับ SEO

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

เครื่องมือสร้าง Slug
พิมพ์ชื่อบทความของคุณที่นี่เพื่อรับสลัก URL ที่สะอาด ตัวพิมพ์เล็ก คั่นด้วยขีดกลาง พร้อมใช้ใน CMS หรือการตั้งค่า routing
เปิดเครื่องมือ
04

สร้างแท็ก Meta

ทุกหน้าต้องการแท็ก meta ที่ถูกต้องสำหรับชื่อ คำอธิบาย viewport และ charset แท็ก meta ที่ขาดหายไปหรือเขียนไม่ดีจะส่งผลเสียต่ออัตราคลิกในผลการค้นหา

เครื่องมือสร้าง Meta Tag
กรอกชื่อหน้า คำอธิบาย และผู้เขียนเพื่อสร้างชุดแท็ก meta HTML ครบชุดที่พร้อมวางลงใน head ของหน้า
เปิดเครื่องมือ
05

สร้างแท็ก Open Graph

ควบคุมรูปลักษณ์ของเนื้อหาได้อย่างแม่นยำเมื่อแชร์บน Twitter, LinkedIn หรือ Facebook แท็ก OG กำหนดรูปภาพตัวอย่าง ชื่อเรื่อง และคำอธิบายที่ปรากฏในการ์ดโซเชียล

เครื่องมือสร้าง Open Graph
ป้อน URL ชื่อ คำอธิบาย และรูปภาพของหน้าเพื่อสร้างแท็ก meta Open Graph และ Twitter Card สำหรับการแชร์โซเชียล
เปิดเครื่องมือ
06

Minify ก่อน Deploy

ลบช่องว่าง คอมเมนต์ และอักขระที่ไม่จำเป็นออกจาก HTML ก่อน deploy ไฟล์ที่เล็กกว่าโหลดได้เร็วกว่า และหน้าที่เร็วกว่าได้อันดับที่ดีกว่า

เครื่องมือบีบอัดข้อความ
วาง HTML ฉบับสุดท้ายที่นี่เพื่อลบช่องว่างและคอมเมนต์ที่ไม่จำเป็นทั้งหมดก่อนอัปโหลดไปยังเซิร์ฟเวอร์
เปิดเครื่องมือ

เคล็ดลับมืออาชีพ

  • สร้างสลักก่อนเผยแพร่ ไม่ใช่หลัง การเปลี่ยน URL หลังจากถูกจัดทำดัชนีแล้วจะต้องตั้งค่า redirect 301 ซึ่งเป็นงานพิเศษที่สามารถหลีกเลี่ยงได้
  • เก็บ meta description ให้สั้นกว่า 155 ตัวอักษรและทำให้เฉพาะเจาะจงสำหรับหน้านั้น คำอธิบายทั่วไปจะถูกผู้อ่านที่ดูผลการค้นหาอย่างรวดเร็วมองข้ามไป
  • ทดสอบแท็ก Open Graph ด้วยเครื่องมือตัวอย่างการ์ดโซเชียลหลังเผยแพร่ URL รูปภาพที่เสียหายหรือช่องที่ขาดหายไปจะทำให้การแชร์ของคุณดูว่างเปล่าบนโซเชียลมีเดีย

คำถามที่พบบ่อย

ได้เลย เครื่องมือสร้าง HTML มาตรฐาน สลัก และชิ้นส่วนแท็ก meta ที่ใช้งานได้กับ CMS หรือแพลตฟอร์มเผยแพร่ใดก็ได้ วาง HTML ลงในบล็อก HTML แบบกำหนดเอง เพิ่มสลักในช่อง URL และคัดลอกแท็ก meta ลงในส่วน head ของธีมของคุณ

การ minify ลบช่องว่าง คอมเมนต์ และอักขระซ้ำซ้อนที่เบราว์เซอร์ไม่สนใจอยู่แล้ว ผลลัพธ์คือไฟล์ที่เล็กลงซึ่งดาวน์โหลดได้เร็วขึ้น ความเร็วของหน้าเป็นสัญญาณการจัดอันดับที่ยืนยันแล้วใน Google Search ดังนั้นทุกกิโลไบต์ที่ประหยัดได้จะมีผลที่วัดได้ตามกาลเวลา

แท็ก meta (ชื่อ คำอธิบาย viewport) แจ้งเสิร์ชเอนจินและเบราว์เซอร์เกี่ยวกับหน้าของคุณ แท็ก Open Graph บอกแพลตฟอร์มโซเชียล เช่น Facebook, Twitter, LinkedIn ว่าจะสร้างการ์ดตัวอย่างอย่างไรเมื่อมีคนแชร์ลิงก์ของคุณ คุณต้องการทั้งคู่: แท็ก meta สำหรับการค้นหา แท็ก OG สำหรับโซเชียล

ใช่ แต่ละบทความต้องการสลักเฉพาะของตัวเอง การนำสลักมาใช้ซ้ำจะเขียนทับหน้าก่อนหน้า (หรือทำให้เกิดความขัดแย้งในการ routing) และสลักที่คลุมเครือเช่น "post-1" ไม่ให้สัญญาณใดๆ เกี่ยวกับเนื้อหาทั้งกับเสิร์ชเอนจินและผู้อ่าน

Markdown มาตรฐาน เช่น หัวข้อ ตัวหนา ตัวเอียง รายการ ลิงก์ รูปภาพ blockquote และบล็อกโค้ด จะถูกแปลงได้อย่างน่าเชื่อถือ ส่วนขยายแปลกใหม่หรือไวยากรณ์เฉพาะแพลตฟอร์ม เช่น ตาราง GitHub Flavored Markdown หรือรายการงาน อาจแสดงผลต่างกันขึ้นอยู่กับตัวแปลง ควรตรวจสอบตัวอย่างเสมอก่อนคัดลอกผลลัพธ์

ความปลอดภัยและความเป็นส่วนตัว

ความปลอดภัยของข้อมูลของคุณคือความสำคัญอันดับแรกของเรา

การประมวลผลภายใน

การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ

ไม่มีการถ่ายโอนข้อมูล

ข้อมูลของคุณจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ของเรา

ไม่มีการจัดเก็บข้อมูล

ไม่มีข้อมูลถูกเก็บหรือแบ่งปัน

การเข้ารหัส SSL

การเข้ารหัส SSL สำหรับการเชื่อมต่อที่ปลอดภัย