Goragod.com

Ajax Web Hosting, Domain, ออกแบบเว็บไซต์ด้วย AJAX และ PHP ฟรี โค้ด

  

CSS rollover button เพื่อ SEO

ปกติแล้วการทำปุ่มเมนูด้วยรูปภาพ มักไม่มีผลกับการทำ SEO เนื่องจาก SE ไม่สามารถเข้าใจได้ว่ารูปภาพที่เป็นปุ่มนั้นจะสื่อความหมายถึงอะไร ทำให้เสียโอกาศในการทำ SEO ยกตัวอย่างเช่นการสร้างปุ่ม rollover ด้วยรูปภาพโดย Dream เราจะได้โค้ดปุ่มที่ทำงานด้วย Javascript ทั้งๆที่ในความเป็นจริงแล้ว เราสามารถใช้ CSS เพื่อจัดการปุ่ม rollover เพื่อให้ผลแบบเดียวกันได้

ผมจะไม่กล่าวถึงปุ่มที่สร้างด้วย Dream นะครับ เรามาดูปุ่มในแบบของเราที่สามารถให้ผลทางด้าน SEO ได้ด้วยเลยดีกว่า

ขออภัย : สำหรับสมาชิกเท่านั้น, สมาชิกกรุณาเข้าระบบก่อน

จากโค้ด คำว่า คีย์เวิร์ด จะใช้เป็นส่วนหนี่งในการทำ SEO โดยการใส่ข้อความสำคัญไว้ ซึ่งข้อความนี้จะไม่สามารถมองเห็นโดยผู้ใช้ แต่สามารถมองเห็นได้โดย SE (ลอง preview source ดู) แต่ user จะเห็นข้อความจากรูปภายในปุ่มแทน

ขออภัย : สำหรับสมาชิกเท่านั้น, สมาชิกกรุณาเข้าระบบก่อน

โค้ด CSS ครับ โดยการใช้ CSS ทำการเปลี่ยนรูปภาพเมื่อเอาเมาส์ไปชี้บนปุ่ม ซึ่งไม่ต้องใช้ Javascript เลย และยังสามารถแยก CSS ออกเป็นไฟล์ต่างหากได้ด้วย

ผู้เขียน gOragod| 06 พย. 2551| 06 พย. 2551| 0| 4459| CSS, XHTML, SEO