บริการเว็บโฮสติ้งที่คุณเลือกเป็นส่วนหนึ่งที่จะเป็นตัวกำหนดประสบการณ์เว็บไซต์ที่คุณให้แก่ผู้เข้าชมซึ่งถือเป็นเรื่องสำคัญอย่างมาก ที่คุณจะต้องเลือกบริษัทที่ให้การบริการที่ดี บทความนี้เราจะมาแนะนำคุณสมบัติหลัก 5 ประการที่บ่งบอกว่าบริษัทโฮสติ้งไหนที่เป็นมิตรต่อ SEO 1. การันตี Uptime ลองตรวจสอบกับผู้ให้บริการโฮสต์ติ้งที่คุณเลือกใช้งานว่ามีการรับประกันความพร้อมใช้งาน (Uptime) อยู่หรือไม่ เนื่องจากสิ่งนี้เป็นหนึ่งในปัจจัยที่สำคัญที่สุดในการทำ SEO (SEO-Friendly) Uptime หมายถึง การที่เว็บไซต์ของคุณออนไลน์และสามารถเข้าชมได้ ผู้ให้บริการโฮสต์ติ้งมักจะมีการรับประกันการ uptime ถึง 99.9% ซึ่งหมายความว่าเว็บไซต์มีโอกาสหยุดทำงานได้ ประมาณ 1.44 นาทีต่อวันหรือ 8.8 ชั่วโมงต่อปี หากโฮสต์ติ้งที่มีการรับประกันแบบนี้ถือว่าค่อนข้างดี แต่สิ่งที่สำคัญที่สุดคือ ต้องทำให้ช่วงเวลาที่ server หยุดทำงาน (downtime) นั้นสั้นที่สุด วิธีนี้จะส่งผลต่อประสิทธิภาพ SEO น้อยมาก เนื่องจากเว็บไซต์ยังออนไลน์ตลอดเวลา อย่างไรก็ตาม คุณควรระวังโฮสติ้งที่มักอ้างว่ามีการรับประกัน uptime 100% เพราะเป็นการโฆษณาที่เกินจริง โฮสติ้งนั้นอาจจะเกิดการหยุดทำงานอยู่บ่อยครั้งเลยด้วยซ้ำ สิ่งสำคัญคือต้องเช็คว่าโฮสติ้งเจ้าไหนทำให้ช่วงเวลา downtime สั้นที่สุด วิธีนี้จะไม่ส่งผลต่อประสิทธิภาพ SEO […]
HTML JavaScript
JavaScript ทำให้หน้าเพจ HTML มีไดนามิกและการตอบสนองกับผู้ใช้งานได้มากขึ้น ตัวอย่าง My First JavaScript Click me to display Date and Time. Tag HTML <script> Element <script> ประกอบด้วยคำสั่งสคริปต์ หรือชี้ไปยังไฟล์สคริปต์ภายนอกผ่าน Attribute src การใช้งานทั่วไปสำหรับ JavaScript คือการจัดการรูปภาพ การตรวจสอบแบบฟอร์ม และการเปลี่ยนแปลงแบบไดนามิกของเนื้อหา การเลือกองค์ประกอบ HTML ส่วนใหญ่ JavaScript ใช้ document.getElementById() ตัวอย่าง JavaScript นี้เขียนว่า “Hello JavaScript!” เป็นองค์ประกอบ HTML ที่มี id=”demo”: ตัวอย่าง Use JavaScript to Change Text This […]
13 ปลั๊กอิน WordPress SEO ที่ดีที่สุด
หลายๆคนที่สร้างเว็บไซต์จาก wordpress คงจะรู้จักกับการทำ SEO มาบ้างแล้ว ว่ามันส่งผลดีต่อหน้าเว็บเราอย่างไร ซึ่งประโยชน์ของ SEO นั้นช่วยองค์กรได้อย่างมาก อาทิเช่น การทำให้หน้าเว็บของเรามีผู้ชมที่เพิ่มขึ้นอย่างมาก สร้างโอกาสในการขายเพิ่มขึ้น สร้างยอดขายได้มากขึ้น และเพิ่มผลกำไรของคุณ วันนี้เราจะมาแนะนำ 13 ปลั๊กอิน WordPress SEO ที่จะทำให้เหล่านักท่องเว็บสามารถเดินทางเข้ามาเว็บไซต์คุณได้ง่ายขึ้นอย่างมาก 1. Yoast SEO Yoast SEO เป็นที่นิยมอย่างมาก เห็นได้จากรีวิวนับพันนับหมื่น เป็นปลั๊กอินระดับพรีเมียมที่นำเสนอฟีเจอร์ที่เป็นประโยชน์ในการใช้งานและเข้าใจได้ง่าย ฟีเจอร์การใช้งาน ฟังก์ชั่นของปลั๊กอิน Yoast ในส่วนของเครื่องมือวิเคราะห์หน้าและเนื้อหาที่ Yoast มีนั้นเป็นประโยชน์อย่างมากเพราะช่วยให้เห็นถึงภาพรวมว่าเพจของคุณตอนนี้เป็นอย่างไรด้วยความสามารถในการอ่านความยาวของเนื้อหา ชื่อเรื่องของเนื้อหานั้นๆ (title tags) การกระจายคีย์เวิร์ด (keywords) การเพิ่มข้อความอธิบายในรูปภาพ (alt attributes) และคำอธิบายถึงเนื้อหาของเว็บไซต์ (meta description) สิ่งเหล่านี้เป็นสิ่งที่ฟังก์ชั่นการใช้งานของปลั๊กอินตัวนี้ที่จะช่วยเราในการวิเคราะห์เพื่อให้แน่ใจว่ามาถูกทาง 2. All in One […]
HTML ID Attribute
Attribute id ใช้เพื่อระบุรหัสเฉพาะสำหรับองค์ประกอบ HTML คุณไม่สามารถมีมากกว่าหนึ่งองค์ประกอบที่มีรหัสเดียวกันในเอกสาร HTML การใช้ Attribute id Attribute id ระบุรหัสเฉพาะสำหรับองค์ประกอบ HTML ค่าของ Attribute id ต้องไม่ซ้ำกันในเอกสาร HTML Attribute id ใช้เพื่อชี้ไปที่การประกาศสไตล์เฉพาะในสไตล์ชีต นอกจากนี้ยังใช้โดย JavaScript เพื่อเข้าถึงและจัดการองค์ประกอบด้วยรหัสเฉพาะ ไวยากรณ์สำหรับรหัสคือ: เขียนแฮช (#) ตามด้วยชื่อรหัส จากนั้นกำหนดคุณสมบัติ CSS ภายในวงเล็บปีกกา { } ในตัวอย่างต่อไปนี้ เรามีองค์ประกอบที่ชี้ไปที่ชื่อรหัส “myHeader” องค์ประกอบนี้ จะจัดสไตล์ตาม #myHeader คำจำกัดความของสไตล์ในส่วนหัว: ตัวอย่าง หมายเหตุ: ชื่อ id นั้นคำนึงถึงตัวพิมพ์เล็กและใหญ่! ชื่อรหัสต้องมีอักขระอย่างน้อยหนึ่งตัว ไม่สามารถขึ้นต้นด้วยตัวเลข และต้องไม่มีช่องว่าง (เว้นวรรค แท็บ […]
HTML Block and Inline Elements
ทุก HTML Element มีค่าการแสดงผลเริ่มต้น ขึ้นอยู่กับประเภทของ Element มีค่าการแสดงผล 2 รูปแบบ คือ แบบบล็อกและแบบอินไลน์ Elements แสดงผลแบบบล็อก Element ที่แสดงผลแบบบล็อกจะขึ้นบรรทัดใหม่เสมอ และเบราว์เซอร์จะเพิ่มช่องว่าง (ระยะขอบ) ก่อนและหลัง Element โดยอัตโนมัติ Element แสดงผลแบบบล็อกจะใช้ความกว้างทั้งหมดที่มีอยู่เสมอ (ยืดออกไปทางซ้ายและขวาเท่าที่จะทำได้) Element แสดงผลแบบบล็อกที่ใช้กันทั่วไป 2 รายการคือ: <p> และ <div> Element <p> กำหนดย่อหน้าในเอกสาร HTML Element <div> กำหนดส่วนหรือส่วนในเอกสาร HTML ตัวอย่าง Element แสดงผลแบบบล็อกใน HTML: <address> <article> <aside> <blockquote> <canvas> <dd> <div> <dl> <dt> <fieldset> […]
HTML Other Lists
รายการคำอธิบาย HTML รายการคำอธิบายคือรายการคำศัพท์พร้อมคำอธิบายของแต่ละคำศัพท์ Tag <dl> กำหนดรายการคำอธิบายแท็กกำหนดคำ (ชื่อ) และ แท็กอธิบายแต่ละคำ: <dt> <dd> ตัวอย่าง สรุป
HTML Ordered Lists
รายการแบบเรียงลำดับ (Ordered Lists) ใช้ Tag <ol> ในการกำหนดรายการแบบเรียงลำดับซึ่งรายการเรียงลำดับนั้นอาจเป็นตัวเลขหรือตัวอักษรก็ได้ เริ่มต้นด้วย Tag <ol> แต่ละรายการเริ่มต้นด้วย Tag <li> รายการจะถูกทำเครื่องหมายด้วยตัวเลขตามค่าเริ่มต้น: ตัวอย่าง Attribute ประเภทของรายการแบบเรียงลำดับ Attribute ประเภทของ Tag <ol> กำหนดประเภทของเครื่องหมายรายการ: Type คำอธิบาย type=”1″ เรียงลำดับด้วยเลข (ค่าเริ่มต้น) type=”A” เรียงลำดับด้วยตัวอักษรภาษาอังกฤษตัวใหญ่ type=”a” เรียงลำดับด้วยตัวอักษรภาษาอังกฤษตัวเล็ก type=”I” เรียงลำดับด้วยตัวอักษรโรมันตัวใหญ่ type=”i” เรียงลำดับด้วยตัวอักษรโรมันตัวเล็ก ตัวอย่าง หมายเลข ตัวอักษรพิมพ์ใหญ่ ตัวอักษรพิมพ์เล็ก ตัวเลขโรมันตัวพิมพ์ใหญ่ ตัวเลขโรมันตัวพิมพ์เล็ก ควบคุมการนับรายการ ตามค่าเริ่มต้น รายการสั่งซื้อจะเริ่มนับจาก 1 หากคุณต้องการเริ่มนับจากหมายเลขที่ระบุ คุณสามารถใช้ start แอตทริบิวต์ ตัวอย่าง […]
HTML Unordered Lists
Tag HTML <ul> กำหนดรายการที่ไม่มีลำดับ (สัญลักษณ์แสดงหัวข้อย่อย) รายการแบบไม่เรียงลำดับ (Unordered Lists) รายการที่ไม่เรียงลำดับเริ่มต้นด้วย Tag <ul> แต่ละรายการเริ่มต้นด้วย Tag <li> รายการจะถูกทำเครื่องหมายด้วยสัญลักษณ์แสดงหัวข้อย่อย (วงกลมสีดำเล็กๆ) ตามค่าเริ่มต้น: ตัวอย่าง การเลือกใช้ตัวทำเครื่องหมายรายการ คุณสมบัติ CSS list-style-type ใช้เพื่อกำหนดรูปแบบของสัญลักษณ์รายการ สามารถมีค่าใดค่าหนึ่งต่อไปนี้: ค่า คำอธิบาย disc สัญลักษณ์เป็นวงกลมสีดำ (ค่าเริ่มต้น) circle สัญลักษณ์เป็นวงกลม square สัญลักษณ์เป็นสี่เหลี่ยม none ไม่มีสัญลักษณ์ ตัวอย่างค่า disc ตัวอย่างค่า circle ตัวอย่างค่า square ตัวอย่างค่า none รายการ HTML ที่ซ้อนกัน รายการสามารถซ้อนกันได้ (รายการภายในรายการ): ตัวอย่าง หมายเหตุ: รายการ ( <li> ) สามารถมีรายการใหม่และองค์ประกอบ HTML […]
HTML Lists
HTML Lists ช่วยให้นักพัฒนาเว็บจัดกลุ่มชุดของรายการที่เกี่ยวข้องกันในรายการ ตัวอย่าง Unordered HTML List Unordered HTML List เริ่มต้นด้วย <ul> แท็ก แต่ละรายการเริ่มต้นด้วย <li> แท็ก รายการจะถูกทำเครื่องหมายด้วยสัญลักษณ์แสดงหัวข้อย่อย (วงกลมสีดำเล็กๆ) ตามค่าเริ่มต้น: ตัวอย่าง Ordered HTML List Ordered HTML List เริ่มต้นด้วย <ol> แท็ก แต่ละรายการเริ่มต้นด้วย <li> แท็ก รายการจะถูกทำเครื่องหมายด้วยตัวเลขตามค่าเริ่มต้น: ตัวอย่าง HTML Description Lists HTML Description Lists คือ รายการคำศัพท์พร้อมคำอธิบายของแต่ละคำศัพท์ แท็ก <dl> กำหนดรายการคำอธิบาย <dt> แท็กกำหนดคำ (ชื่อ) และ <dd> แท็กอธิบายแต่ละคำ: ตัวอย่าง แท็กรายการ HTML […]
HTML Favicon
Favicon คือรูปภาพขนาดเล็กที่แสดงถัดจากชื่อหน้าในแท็บเบราว์เซอร์ วิธีการเพิ่ม Favicon ใน HTML คุณสามารถใช้รูปภาพใดก็ได้ที่คุณชอบเป็น Favicon ของคุณ คุณยังสามารถสร้าง Favicon ของคุณเองบนเว็บไซต์ เช่น https://www.favicon.cc เคล็ดลับ: ไอคอน Favicon เป็นภาพขนาดเล็ก ดังนั้นควรเป็นภาพธรรมดาที่มีความชัดเจนไม่ซับซ้อน รูป Favicon จะแสดงทางด้านซ้ายของชื่อหน้าในแท็บเบราว์เซอร์ แบบนี้ ในการเพิ่มไอคอน Favicon ลงในเว็บไซต์ของคุณ ให้คุณทำการบันทึกรูป Favicon ไว้ใน Root Directory ของเว็บคุณ หรือทำการสร้างโฟลเดอร์ใน Root Directory ชื่อ Image และบันทึกไอคอนลงในโฟลเดอร์นั้น ชื่อสามัญสำหรับรูป Favicon คือ “favicon.ico” หลังจากนั้นให้เพิ่ม <link> องค์ประกอบในไฟล์ “index.html” ของคุณ ต่อจาก <title> องค์ประกอบดังนี้ ตัวอย่าง […]