[vQmod] การเพิ่มความยาว title tag ให้กับ Opencart

หลังจากที่ผมได้เขียนบทความเกี่ยวกับความสำคัญหรือการประยุกต์เจ้า vQmod สำหรับการแก้ไขไฟล์ใน Opencart เพื่อเรียกน้ำย่อยสำหรับคนที่ต้องการแก้ไขเว็บของตัวเองที่สร้างจาก Opencart ไปแล้วนั้น บทความนี้ผมก็จะมาเริ่มเขียนไฟล์ vQmod ที่อยู่ในรูปแบบของไฟล์ .xml เพื่อที่จะแก้ไขบางไฟล์ที่ผมต้องการ โดยที่ไม่ต้องเข้าไปแก้ไขที่ไฟล์หลักของระบบกันครับ

โดยไฟล์หลักเป้าหมายที่ผมจะแก้ไขในบทความนี้ก็คือไฟล์ catalog/controller/common/header.php ครับ โดยหน้าที่ของไฟล์นี้ก็คือ ควบคุมเส้นทางของลิงค์ (router) ตลอดจนการจัดเตรียมข้อมูลต่างๆ ไม่ว่าจะเป็น ภาษา,ตะกร้าสินค้า,ลิงค์สมาชิก และลิงค์ต่างๆ อีกเล็กน้อย รวมไปถึงเมนูหมวดสินค้าด้านบน และที่ขาดไม่ได้และเป็นประเด็นของบทความนี้ก็คือ ส่วนของ title , description, keyword ของเว็บไซต์เราครับ ซึ่งถ้าใครยังไม่เห็นภาพก็สามารถดูภาพด้านล่างเป็นตัวอย่างได้ครับ

เพิ่มความยาว title ให้ opencart

โดยพื้นฐานแล้วทางไฟล์ controller ที่ทำหน้าที่ควบคุมส่วนของ header (header.php) นั้นจะกำหนดให้แสดงแค่ title ของหน้าเว็บนั้นๆ เท่านั้นครับไม่มีส่วนอื่นเข้ามาเกี่ยวข้อง เมื่อเราเอาเม้าส์ไปจ่อที่ title ของบราวเซอร์ หรือดูที่ title ของหน้าเว็บนั้นๆ มันก็จะเห็นแค่ title ของหน้านั้นอย่างเดียว แต่ที่ผมจะแก้ไขใหม่นี้จะเป็นการเพิ่มส่วนของ title ของร้านของเราเข้าไปต่อท้าย title ของแต่ละหน้า(ยกเว็นหน้าแรก) ครับ และถ้ายังงงอยู่ก็ดูภาพด้านล่างได้เลยครับ ว่าก่อนทำและหลังทำแล้วมันต่างกันยังไงบ้าง

*** ก่อนทำ ***

เพิ่ม title ร้านค้า opencart 1

*** หลังทำ ***

t-2

โดยข้อความที่เพิ่มเข้ามานั้น มันจะดึงมาจากส่วนของ title ร้านค้าของเรานั่นเองครับ

t-3

ทำไมผมต้องมาปรับปรุงส่วนนี้ด้วย มันมีประโยชน์อย่างไร

จริงๆ แล้วถ้าเราไม่ได้สนใจในเรื่องของ คำค้นหาที่จะปรากฏในหน้า SERP ของ Search Engine เราก็ไม่จำเป็นที่จะต้องทำครับ โดยถ้าเราไม่ทำแล้ว เวลาหน้าเว็บไซต์ของเราหน้านั้นๆ มันไปติดในสารระบบของ Search Engine แล้วเวลาคนเค้า ค้นหาสินค้าที่เกี่ยวข้องกับสินค้านั้นๆ ผ่านทาง search engine แล้วเผอิญหน้าเว็บของเราหน้านั้นมันดันไปแสดงในส่วนของ ลิงค์ของเว็บต่างๆ เพื่อให้คนเลือกเข้าเยี่ยมชม โดยถ้าเราไม่ทำลิงค์ของเว็บเรา หรือ title มันก็จะแสดงสั้นๆ เฉพาะ title ของหน้านั้นเท่านั้นเช่น

โทรศัพท์ & พีดีเอ

แต่ถ้าเราทำอย่างที่ผมแนะนำนี้ล่ะมันจะแสดงผลอย่างไร ง่ายๆ ครับ มันก็จะแสดงว่า

โทรศัพท์ & พีดีเอ – จำหน่ายอุปกรณ์ไอที คอมพิวเตอร์ ของแท้ ราคาถูก พร้อมส่งทุกวัน…

แล้วสมมุติว่าคุณเป็นคนค้นหาสินค้านั้นๆ แล้วคุณเจอลิงค์ของเว็บเหมือน 2 ตัวอย่างด้านบน แล้วคุณจะเลือกเข้าเยี่ยมชมที่เว็บไหนก่อนครับ นั่นคือประเด็นครับ และสาเหตุที่ผมต้องแนะนำในเรื่องเล็กๆ น้อยๆ นี้ก็เพราะว่าเป็นการเพิ่มความน่าสนใจให้กับการเลือกคลิ๊กเพื่อเข้าชมเว็บไซต์ของเราผ่านทาง search engine ของผู้เยี่ยมชมเว็บไซต์นั่นเองครับ

ลงมือทำงานกันได้แล้ว ^^

สิ่งที่คุณจะต้องมีในระบบของคุณก่อนก็คือเจ้า vQmod ครับ ถ้าใครยังไม่มีก็ให้ไปดาวน์โหลดที่ลิงค์ด้านล่างนะครับ

1. ดาวน์โหลดได้ที่ https://code.google.com/p/vqmod/downloads/list

2. หลังจากนั้นก็ทำการติดตั้งตาม video ด้านล่างได้เลยครับ

3. จากนั้นสร้างไฟล์ใหม่ชื่ออะไรก็ได้ครับ โดยภายในไฟล์นั้นต้องมีโค๊ดเหมือนกับด้านล่างนะครับ

4. จากนั้นก็ save แล้วอัพโหลดไฟล์ไปไว้ที่โฟล์เดอร์ vqmod/xml/vqmod_filename.xml ที่เว็บของเรานะครับ โดย vqmod_filename.xml นี้จะเป็นชื่อไฟล์ที่เราได้สร้างขึ้นในข้อ 3. ครับ

5. จากนั้นก็ลอง refresh หน้าเว็บไซต์ของเราใหม่อีกครั้ง โดยหน้าแรกจะแสดงข้อความ title แบบเต็มๆ ครับไม่มี (-) ระหว่างคำครับ แต่ถ้าเราคลิ๊กไปที่หน้าอื่นๆ ที่ไม่ใช่หน้าแรกเราก็จะเห็นความเปลี่ยนแปลงเหมือนกับตัวอย่างด้านบนครับ

เห็นมั้ยล่ะครับว่า ถ้าหากเราต้องการที่จะปรับแต่งร้านค้าออนไลน์ของเราที่สร้างจากOpencart โดยที่เรามีความรู้พื้นฐานในการเขียนโค๊ดเพียงเล็กน้อย เราก็สามารถแก้ไขเว็บขายของของเราได้แล้ว และที่สำคัญเราไม่จำเป็นต้องไปแก้ไขที่ไฟล์หลักของระบบครับ เมื่อไหร่ที่ไม่ต้องการใช้งานไฟล์นั้นๆ ก็แค่ลบไฟล์ .xml ที่อยู่ในโฟล์เดอร์ vqmod/xml/ ทิ่้ง แค่นี้เว็บไซต์ของเราก็สามารถคืนสู่ระบบเดิมได้แล้วล่ะครับ

สุดท้ายเพื่อนๆ คงเห็นแล้วว่าการเริ่มต้นเขียน vQmod Opencart นั้นมันสนุกจริง แบบว่าปรับเปลี่ยนได้ตามใจฉันเลยก็ว่าได้ครับ ^^

Leave a Reply

iameveme