รวม 10 เทคนิค ปรับปรุงเว็บไซต์เตรียมรับ SEO ในปี 2021
รวม 10 เทคนิค ปรับปรุงเว็บไซต์เตรียมรับ SEO ในปี 2021
- ทำให้เว็บโหลดเร็วที่สุด
- รองรับ Mobile-Friendly เปิดดูในมือถือได้สะดวก
- เชื่อมต่อปลอดภัย HTTPS
- กำหนด URL ให้กระชับ และมีความหมาย
- ตั้งชื่อ Page Title ให้ชัดเจน
- เนื้อหาต้องยาวอย่างน้อย 300-500 คำ
- เลือกใช้ HTML structure ให้เหมาะสม Heading, List และ Paragraph
- ตั้งชื่อไฟล์รูปภาพให้มีความหมาย ใส่คำบรรยายรูปเสมอ และใช้ขนาดรูปภาพที่เหมาะสม-เล็กที่สุด
- ไม่ใส่แบนเนอร์ หรือรูปประกอบ ที่ไม่จำเป็น ไม่สร้างความรำคาญให้คนอ่าน
- กำหนด Schema.org meta t
Plugins แปลงรูปภาพให้เป็น WebP ในโปรแกรม Photoshop
รูปภาพนามสกุล .webp ถูกให้ความสำคัญมากขึ้นเรื่อยๆ โดยเฉพาะในการตรวจสอบความเร็ว Page Speed ที่สนับสนุนโดย Google ที่ให้คะแนนกับเว็บไซต์ที่ใช้รูปภาพที่เป็นนามสกุล .webp ได้ความเร็วมากกว่ารูปภาพ jpg หรือ png ที่เคยใช้งาน
Google PageSpeed InSights -- https://developers.google.com/speed/pagespeed/insights/
หากคุณกำลังต้องการสร้างเว็บไซต์ และคันไม้คันมืออยากทดลองทำด้วยตัวเอง มาเริ่มต้นด้วยเว็บอย่างง่ายที่สุดไม่ซับซ้อน ไม่ต้องมีระบบฐานข้อมูลให้ยุ่งยาก ด้วยการเขียนคำสั่ง HTML พื้นฐานไม่กี่คำสั่ง จากนั้นบันทึกลงในโฮสติ้ง ก็พร้อมเปิดดูเว็บได้ทันที
มาทดลองกัน!
ขั้นตอนในการสร้างเว็บไซต์ เริ่มต้นจากศูนย์ สำหรับมือใหม่ มีขั้นตอนคราวๆ ดังนี้
การปรับใช้ HTML Textbox ใน Drupal 7 ร่วมกับ WYSIWYG และ CKEditor จัดตำแหน่งย่อหน้า และปุ่มเลือกสีตัวอักษร
เป็นที่ทราบกันดีว่า โปรแกรม Drupal ตั้งแต่ในอดีต มาจนถึงเวอร์ชั่น 7 นั้นมีข้อจำกัดเรื่องกล่องข้อความ (เนื้อหา) Textbox ที่ไม่มีเครื่องมืออำนวยความสะดวกในการจัดการความสวยงามของเนื้อหา โดยค่าเริ่มต้นของ Drupal 7 ก็ยังคงเป็นกล่องว่างๆ พร้อมสำหรับพิมพ์ Plain Text เท่านั้น และหากต้องการปรับแต่งความสวยงามของเนื้อหา ผู้ใช้จำเป็นต้องมีความรู้เกี่ยวกับคำสั่ง HTML และ CSS พอสมควร
Color Scheme Designer
ลองดูตามนี้ครับ
- www.colorschemedesigner.com
- www.colorschemer.com
- www.colorcombos.com
- Move to FCKeditor
หน้าตาของ TinyMCE แบบ full function
FCKeditor คือชุดโค้ดที่ช่วยให้เราพิมพ์ข้อความในช่อง <textarea> แบบ WYSIWYG คือ แสดงผลได้อย่างที่เราต้องการ โดยไม่จำเป็นต้องรู้ภาษา HTML เลยก็ได้ ที่กล่าวว่าจัดการไฟล์ได้ง่ายกว่า TinyMCE เพราะ FCKeditor ว่ามีระบบ upload, browse มาให้พร้อม ส่วน TinyMCE จะต้องเอาตัวใช้ตัวช่วยคือ MCImageManager และ MCFileManager ซึ่งทั้งสองอันไม่ฟรี (TinyMCE และ FCKeditor เป็นโอเพ่นซอร์ซ)
แถบเครื่องมือ Upload ใน FCKeditor
ผมได้ทดลองเอา FCKeditor ตามติดตั้งใน poakpong.com แทน TinyMCE ที่ใช้อยู่ก่อน โดยวิธีการติดตั้งก็อ่านได้จากเว็บไซต์ http://docs.fckeditor.net มีบอกไว้ละเอียดพอสมควร หรือจะอ่านจาก clinicaestet.ro/FCKeditor/_docs ก็ได้ (เหมือนจะอ่านง่ายกว่า)
สิ่งที่ผมปรับแต่งใช้เอง เช่น
- ลดจำนวน Toolbar ให้เหลือเฉพาะที่ใช้งานประจำ (รายละเอียด Configuration/Toolbar)
- ปรับขนาดช่อง <textarea> ให้พอดีกับเวลาแสดงผลหน้าเว็บ (ดัดแปลงจากกระทู้นี้ .. FCKeditor .. Toolbox textarea)
- ปิดฟังก์ชั่น browse server ให้เหลือแต่ upload อย่างเดียว เพื่อความรวดเร็ว (รายละเอียด Configuration/Built in File Browser และ ImageUpload)
ปรับแต่งแล้วจะได้หน้าตาประมาณนี้ :P
ปล. ไฟล์ทั้งหมดของ FCKeditor มีขนาดใหญ่กว่า TinyMCE สองเท่า แต่รู้สึกว่า FCKeditor จะโหลดได้เร็วกว่าHow to XHTML 1.0
Javascript HTML WYSIWYG editor
มาทำเว็บไซต์ส่วนตัวเล่นๆ กันดีกว่า
ก่อนหน้านี้การทำเว็บไซต์ส่วนตัวหลายคนอาจมองว่าเป็นเรื่องยาก แต่ในปัจจุบัน หลังจากที่ได้ก้าวผ่านช่วงเวลา Web 1.0 มาแล้ว ตอนนี้เค้าเล่าลือกันว่าพวกเราชาว Cyber นี้กำลังอยู่ในยุค Web 2.0 (** หมายเหตุ ดูตารางความแตกต่างระหว่าง Web 1.0 และ Web 2.0 ได้ในตอนท้าย **)