Drupal

ความเดิมจากตอนก่อน How to Create Google+ Snippet

ทุกวันนี้การแชร์โพสต์ลงใน social network กลายเป็นเรื่องธรรมดาสามัญไปแล้ว เว็บไซต์ที่เดิมที่ต้อง optimized for search engine ก็ต้องปรับตัวให้เพิ่มการ optimized for social network ด้วย ซึ่งจุดนี้ CMS เองยังก้าวตามไม่ทัน และต้องลงปลั๊กอินช่วยอยู่บ้าง

จุดสำคัญของการ optimized for social network (ในที่นี้คือ Facebook/Google+) คือต้องแสดง "ภาพ" เป็นตัวอย่างว่าลิงก์ปลายทางจะมีอะไรบ้าง เพื่อเรียกลูกค้าให้เข้าไปชมดู (แน่นอนอยู่แล้วว่า "มีภาพ" มันชวนกดกว่า "ไม่มีภาพ")

ช่วงน้ำท่วมเหมือนได้ปิดเทอม เลยนั่งทยอยสะสางงานที่อยากทำแต่ไม่ได้ทำเพราะไม่มีเวลามากพอ หนึ่งในนั้นคือการอัพเกรด isriya.com เป็น Drupal 7

ผลลัพธ์ออกมาอย่างที่เห็นคือ อัพได้ (ยังไม่ได้แก้ธีมเก่า + หาธีมใหม่ เลยใช้ default ไปพลางๆ ก่อน) แต่กว่าจะผ่านมาได้ก็เหนื่อยยากแสนเข็ญ มาแชร์ประสบการณ์ไว้หน่อย

แบ็คกราวด์

• isriya.com รัน D6 ที่อัพมาจาก D5 อีกที
• ใช้ module ไม่เยอะเท่าไร และไม่มีความสำคัญกับชีวิตมากนัก ปิดทิ้งได้หมด ยกเว้น markdown ที่ต้องใช้เป็น input format (ซึ่งก็มีเวอร์ชัน D7 อยู่แล้ว)
• isriya.com อยู่บนเซิร์ฟเวอร์ของ CLNOX

วางแผน

• แนะนำอย่างยิ่งว่า ควรจะซ้อมอัพเกรดบนเครื่องจำลองก่อน เพราะมีรายละเอียดจุกจิกเยอะมาก
• ขั้นตอนการซ้อมอัพเกรดก็ตามปกติของเว็บทั่วไป มีเทคนิคนิดหน่อยคือ empty table หลายๆ อันที่ไม่จำเป็นต้องใช้ พวกแคชและ log ต่างๆ เพื่อให้ตัวฐานข้อมูลมีขนาดเล็กลงให้มากที่สุด
• เทคนิคอีกประการคือ ลง D7 แบบ fresh install ไว้เทียบดูด้วย ว่าการตั้งค่าอะไรต่างกันบ้าง

ขั้นตอน

ทำตาม upgrade.txt ทุกประการ ขั้นตอนแบบย่อๆ มีดังนี้

นั่งงมอยู่ครึ่งบ่าย ตอนนี้หายงงแล้วมาเขียนไว้หน่อย กันลืม

ในโลกยุค social network ทุกวันนี้ การแชร์ลิงก์ผ่าน social network กลายเป็นเรื่องปกติธรรมดา ในกรณีของ Twitter คงไม่มีอะไรพิสดารเพราะถือเป็นข้อความธรรมดา (ที่ดันเป็น URL) แต่กรณีของ Facebook/Google+ เวลาเราแปะลิงก์ (หรือกด Like/+1) มันจะขึ้นพรีวิวขึ้นมาให้เห็น

พรีวิวอันนี้ (หรือที่กูเกิลเรียกว่า snippet) จะช่วยให้ลิงก์ของเราน่าอ่านมากขึ้น เพราะมันจะแสดงข้อมูล (metadata) สามอย่างให้คนอ่านเห็น ได้แก่

• ชื่อลิงก์ (title)
• ภาพประกอบ (thumbnail)
• คำโปรย (description)

ช่วงวันสองวันที่ผ่านมา ผมกับ @lewcpe นั่งจูนอัพระบบของ Blognone ให้ทำงานเร็วขึ้น (Let's make the web faster มีประโยชน์มากครับ)

หลักการใหญ่ๆ ของการจูนเว็บ (ไม่นับ database) ที่ผมพอจับความได้คือ

• ลดขนาดของไฟล์รวมลง - อันนี้ตรงไปตรงมา
• ลดจำนวน HTTP request ลง - เป็นผลมาจากวิธีทำงานของ HTTP socket
• ลดการเรียกไฟล์มาจากโดเมนอื่น - เพื่อลดเวลาการ lookup

เว็บปัจจุบันมีการเรียกไฟล์ (ทั้งภาพและ JavaScript) จากโดเมนอื่นๆ เป็นอย่างมาก เช่น ปุ่ม Like, Tweet, FeedBurner, Google Analytics ฯลฯ ซึ่งถ้าเป็นเว็บขนาดเล็กๆ ก็ไม่มีปัญหาอะไรมากนัก แต่สำหรับเว็บที่เริ่มใหญ่อย่าง Blognone มันก็เริ่มมีปัญหา

ทางออกหนึ่งที่เป็นไปได้คือ โฮสต์ไฟล์สคริปต์ไว้บนโดเมนเดียวกันเลย ซึ่งในกรณีของ Google Analytics ที่ใช้ไฟล์ ga.js นั้นทำได้ รายละเอียดอ่านใน Speed Up Google Analytics, use local ga.js

สำหรับผู้ที่ใช้ Drupal ก็สบายโคตรๆ เพราะโมดูล Google Analytics มันทำได้ในตัว แค่ติ๊กตรง locally cache ในหมวด Advance ก็เรียบร้อย

ได้รับเมลแจ้งจาก บก. ว่าพิมพ์เพิ่มอีก 3,000 ตอนนี้ยอดรวมคือ 6,500 เล่มจากการพิมพ์สองครั้ง

• บล็อกตอนที่แล้ว
• เว็บหนังสือ