ปลั๊กอิน WordPress

วิธีรับมือกับปัญหา 404 not found ด้วยเครื่องมือที่ชื่อ Rediretions ซึ่งเป็นฟีเจอร์ที่มีอยู่ในปลั๊กอิน Rank Math SEO ครับ โดยบทความนี้ผมจะแนะนำวิธีใช้งานกันว่ามีวิธีทำอย่างไรบ้าง 404 Not Found คืออะไร ? คือหน้าเว็บที่ไม่มีอยู่หรือหายไปจากเว็บเราแล้ว เมื่อ user หรือ bot เข้ามาที่หน้านี้ก็จะเจอกับหน้า 404 ลักษณะคล้าย ๆ ตามภาพด้านล่างนี้ จะรู้ได้ยังไงว่าเว็บเรามีลิงก์ 404 not found เช็คจาก Google Search Console ดูในส่วนของ Crawl Error หากใครใช้ปลั๊กอิน Rank Math SEO อยู่แล้ว ก็สามารถเข้าไปดูได้ในเมนู 404 Monitor วิธีตั้ง Redirect 301 ทำผ่านไฟล์ .htaccess โดยเพิ่มโค๊ดนี้เข้าไป url เก่าที่เราต้องการจะให้ redirect ไปยัง url ใหม่เช่น Redirect 301 /register/ /account/ โค๊ดบรรทัดนี้จะทำงานเมื่อ...

มาตามสัญญาครับ สำหรับเสริมเกราะให้เวิร์ดเพรสด้วย iThemes Security ตอนที่ 2 คราวนี้เราจะมาทำความเข้าใจว่าแต่ละฟีเจอร์ของ iThemes มีอะไรบ้าง เพื่อจะได้เข้าใจและนำไปปรับใช้ให้เหมาะสมกับเว็บของเรากัน หลังอ่านบทความนี้จบคุณจะได้เว็บที่มีความปลอดภัยแน่นปึ๊ก ไม่โดนแฮคง่าย ๆ อีกต่อไป. ก่อนจะเริ่มกันใครยังไม่อ่าน ตอนที่ 1 ผมเอามาแปะไว้ให้แล้ว สำหรับใครที่พร้อมแล้วก็มาเริ่มกันเลย เข้าไปที่ Menu Security > Settings เราจะเจอหน้าสำหรับตั้งค่าปลั๊กอินโดยแบ่งเป็นแต่ละฟีเจอร์ มีอยู่ทั้งหมด 29 ฟีเจอร์ด้วยกัน ( เยอะมากกก ) ฟีเจอร์แรก Security Check ฟีเจอร์นี้ปลั๊กอินจะตั้งค่าต่างๆให้เราอัตโนมัติเพียงแค่คลิก Secure Site สำหรับใครที่ขี้เกียจอ่านผมทำเป็นคลิปไว้ให้แล้ว https://www.youtube.com/watch?v=cUfe6_3-iGs WordPress Tweaks ส่วนนี้จะคล้าย ๆ กับส่วนของ System Tweaks แตกต่างกันตรงที่ส่วนนี้จะตั้งค่าในส่วนของ WordPress ตั้งตามภาพได้เลย System Tweaks สำหรับส่วนนี้จะเป็นการตั้งค่าเกี่ยวกับสิทธ์ในการเข้าถึงไฟล์ ตรงนี้เป็นอีกจุดหนึ่งที่เว็บส่วนมากโดนแฮคเนื่องจากไม่มีการกำหนดสิทธ์ในการเข้าถึง File หรือ Directory ต่าง ๆ ที่ดีพอ ส่วนนี้ตั้งตามภาพได้เลยครับ Database Backups ฟีเจอร์นี้คือสำรองฐานข้อมูลเว็บเรานั่นเอง ตั้งค่าตามภาพได้เลยครับ อธิบายเพิ่มเติม จากรูปผมตั้งให้ปลั๊กอินทำการสำรองข้อมูล Database เป็นไฟล์ zip และส่งเข้าเมลผมทุกวันนั่นเอง Away Mode ฟีเจอร์นี้ผมชอบมากเปรียบเสมือนตั้งเวลาการเข้าใช้งานหลังบ้านเว็บเรานั้นเอง โดยสามารถตั้งได้ว่าเราจะไม่อนุญาติให้สามารถเข้าหลังบ้านได้ตั้งแต่กี่โมงถึงกี่โมง สำหรับผมผมตั้งไว้ที่ เที่ยงคืนถึงแปดโมงเช้า จะไม่สามารถเข้าใช้งานหลังบ้านได้  ตามภาพ ลองนึกภาพว่า wp-admin เป็นประตูบ้านเรานะครับ...

แจกปลั๊กอิน เปลี่ยนปุ่ม Add to Cart ใน WooCommerce เป็นปุ่ม Facebook Messenger เพื่อให้ลูกค้า Chat สอบถามรายละเอียดก่อนสั่งซื้อ แจกปลั๊กอิน เปลี่ยนปุ่ม Add to Cart เป็นปุ่มแชทกับร้านค้า สืบเนื่องจาก SeedThemes ได้แนะนำ วิธี เปลี่ยนปุ่ม Add to Cart เป็นปุ่มที่กดแล้วแชทกับร้านค้าได้ ใน WooCommerce ผมก็เห็นว่าเป็นวิธีที่เจ๋งดีเลยแชร์มาที่เพจ CodingDee ให้ลูกเพจบ้างเผื่อใครยังไม่รู้ หลังจากแชร์ไปก็มี Request เข้ามาเยอะมาก ทำเป็นปลั๊กอินให้หน่อยสิ แอดทำปลั๊กอินได้ไหม สุดท้ายผมเลยทำเป็น Plugin ไว้ให้ใช้ได้ง่ายขึ้น ติดตั้งเสร็จแล้วคลิกที่  การตั้งค่า ตามภาพ ปลั๊กอินนี้ทำอะไรได้บ้าง จริง ๆ ก็ไม่มีอะไรพิเศษเพียงแต่ผมทำให้มันตั้งค่าได้สะดวกขึ้นอีกหน่อย เปิดปิด Plugin ได้ กำหนดความ กว้าง ความสูงของกล่อง Chat ในหน้าตั้งค่าปลั๊กอินได้เลย กำหนด ข้อความที่แสดงตรงปุ่ม Chat ได้เอง วิธีใช้ก็กรอก App ID และ Facebook Page URL ก็เป็นอันจบ ใช้งานได้เลย จบแล้ว อย่าลืมลงปลั๊กอิน...

ปลั๊กอินเวิร์ดเพรส นี้จะเพิ่มกล่องแจ้งระยะเวลาที่ลูกค้าจะได้รับสินค้าในหน้าสั่งซื้อ จากที่ผมทดสอบใช้จริงและวัดผลด้วยการทำ A/B Testing ได้ผลออกมาว่าหน้าที่มีการแจ้งระยะเวลารับสินค้า Conversion Rate เพิ่มขึ้นจากเดิมถึง 17.5% เลย ผมเลยเขียนเป็น Plugin มาแจกซะเลย ปลั๊กอินเวิร์ดเพรส นี้จะช่วยลดจำนวนคำถามจากลูกค้าให้น้อยลงได้ เว็บไซต์ใหญ่ ๆ อย่าง Lazada, Apple เค้าก็จะมีการแจ้งระยะเวลาที่คาดว่าจะได้รับสินค้าไว้ในขั้นตอนการสั่งซื้อเลย เพื่อให้ลูกค้าทราบและลดจำนวนการสอบถามเข้ามายัง Call center หรือที่เว็บไซต์เอง ลดทั้งจำนวนงานที่ต้องคอยตอบคำถามและเพิ่มประสิทธิภาพให้เว็บไซต์ไปในคราวเดียว ขายดีขึ้นกว่าเดิม จากที่ผม monitor ดูหลังบ้านจะมีลูกค้าที่ส่งอีเมลหรือโทรศัพท์เข้ามาสอบถามบ่อยครั้ง ว่าสั่งสินค้าไปแล้ววันไหนจะได้รับสินค้า เป็นคำถามยอดฮิตคำถามหนึ่งที่ถามบ่อยมาก ผมเองแก้ไขโดยเพิ่มไว้ใน FAQ จนมาเจอวิธีนี้ที่ผมเองได้นำไปใช้จริงและได้ผลดีเกินคาดคือ ลูกค้าถามเข้ามาน้อยลงกว่าเดิมมากและ conversion rate เพิ่มขึ้น 17.5% เรียกให้เข้าใจง่าย ๆ ว่าขายดีขึ้นกว่าเดิม 17.5% ตัวเลขนี้มาจากการทำ A/B Testing นะครับ ไว้บทความหน้าผมจะนำมาเขียนให้อ่านกันว่าทำ A/B Testing เนี่ยทำไปทำไม มีข้อดียังไง ทำไมถึงต้องทำ ตัวอย่างหลังจากติดตั้งปลั๊กอิน โหลดกันเลย คลิกที่นี่ จบแล้ว หากอ่านแล้วชอบบทความจาก CodingDee ก็ฝาก กดไลค์เพจ ด้วยนะครับ จะได้ไม่พลาดข่าวสารเทคนิคดี ๆ จากเรา หรือติดปัญหาตรงไหนก็คอมเมนต์ไว้ด้านล่างนี้ได้ ไว้พบกันบทความต่อไปครับ

Google Rich Snippet คือ โค๊ดชุดหนึ่งที่ช่วยบอก search engine ให้เข้าใจว่า หน้านี้หรือบทความนี้ คืออะไร เกี่ยวข้องกับอะไร เช่น ถ้าบทความนี้เป็นบทความที่เกี่ยวกับสินค้า ก็ควรจะมีข้อมูลที่เกี่ยวกับ ชื่อสินค้าชื่ออะไร ราคาเท่าไหร่ ผู้ขายเป็นใคร เป็นต้น ถ้าเรามีข้อมูลพวกนี้ก็จะช่วยให้ search engine เข้าใจได้ง่ายขึ้นและนำไปแสดงผลให้ user ดูเวลาค้นหา keyword ที่เกี่ยวข้องกับบทความเรา Google Rich Snippet นอกจากจะเป็นผลดีกับ search engine แล้วยังเป็นผลดีกับ user ด้วย เพราะช่วยให้ user เข้าใจรายละเอียดเบื้องต้นของหน้านั้นได้โดยที่ไม่ต้องคลิกเข้าดู ลองดูภาพประกอบต่อไปนี้ จากภาพจะมีการแสดงจำนวนดาว และคะแนน ของบทความนี้ว่าได้เท่าไหร่ เป็นตัวช่วยในการตัดสินใจของ user ได้ในขั้นต้นว่าจะคลิกเข้าไปอ่านหรือไม่  การแสดงผลแบบนี้เรียกว่า  Google Rich Snippets   คราวนี้เราลองมาดูรูปด้านล่าง ที่ไม่มีดาว ดูแล้วก็รู้สึกธรรมดาไม่ได้โดดเด่นอะไร เทียบกันกับ รูปด้านบน รูปที่มีดาวดึงดูดให้อยากคลิกมากกว่าแน่นอน วิธีตรวจดูว่าบทความที่เราเขียนมี structure data หรือไม่ คลิก  แล้วกรอก url เว็บที่เราต้องการลงไปแล้วกด RUN...

Facebook Pixel สำหรับใครที่ทำงานด้าน Digital Marketing ผมมั่นใจว่าต้องได้ติดกันแน่นอน สำหรับออฟฟิศที่มี โปรแกรมเมอร์ก็อาจจะให้เค้าช่วยติดให้ได้ แต่ถ้าไม่มีล่ะ หรือโปรแกรมเมอร์งานยุ่งมาก ยังไม่ว่างติดให้หรอก เราจะทำยังไงดี Facebook Pixel with Google Tag Manager ถ้าใครเป็นคนที่ชอบอะไรที่ง่าย ๆ และรวดเร็ว CodingDee มีวิธีที่เหมาะกับคุณ ไม่ต้องรอโปรแกรมเมอร์ ไม่ต้องมีความรู้เรื่องการเขียนโปรแกรม ไม่กี่คลิกก็ติด Pixel ได้ มาดูวิธีกันเลย ใครยังไม่ได้ติด Google Tag Manager มาอ่านนี่ก่อนน่า  Google Tag Manager สำหรับ WordPress  ใครติดแล้วก็ไปต่อได้ วิธีสร้าง Pixel เข้าไปที่  Menu Pixels อยู่ใน Ads Manager คลิก  Create a Pixel ตั้งชื่อให้ Pixel ของเรา จะเป็นชื่อเว็บหรือชื่ออะไรก็ได้ตามใจชอบครับ คลิก ยอมรับเงื่อนไขการใช้งาน Click Create Pixel. อ่านวิธี Create Pixel เพิ่มเติมได้ ที่นี่ หลังจากได้...

Clear Cache ให้หน่อยสิ  ผมเชื่อว่านี่คงจะเป็นประโยคติดหูอีกประโยคที่ได้ยินบ่อยมากถึงมากที่สุด สำหรับคนทำเว็บ บทความนี้เราจะเอา CloudFlare มาเชื่อมต่อกับ W3 Total Cache กันคงไม่มีใครที่ไม่รู้จัก CloudFlare ใช่ไหมครับ ใครยังไม่รู้จักไปอ่านก่อนเลย รู้จักกับ Cloudflare พร้อมวิธีติดตั้ง HTTPS ให้กับเว็บแบบฟรี ๆ ไม่มีค่าใช้จ่าย  ของเค้าดีจริง ก่อนที่จะลงมือทำ เว็บคุณต้อง... เว็บคุณต้องใช้ WordPress ( ไม่ต้องบอกก็ได้มั้งข้อนี้ ฮ่า ๆ ) เว็บคุณต้องเชื่อมต่อ CloudFlare ไม่งั้นทำไม่ได้นะ วิธีทำก็อ่านจากลิงก์ข้างบนที่ผมแปะไว้ได้เลย เว็บคุณต้องติดตั้ง Plugin W3 Total Cache ถ้ามี Plugin Cache ตัวอื่นอยู่ลบออกก่อน ไม่งั้นเกิดเว็บพังขึ้นมาไม่รู้ด้วยนะ อ่านบทความนี้แล้วจะได้อะไร ? ประโยชน์ที่คุณจะได้จากการ อ่านบทความนี้จบและลงมือทำ คือ ไม่ต้องมาคอยเคลียร์แคชให้กับทีม Developer อีกต่อไป เพราะเค้าเคลียร์แคชได้เอง คุณจะไม่ได้ยินประโยคว่า Clear Cache ให้หน่อยสิ อีกเลยหรืออาจจะมีแต่น้อยลงแน่นอน (ข้อ 1-2 นี้ผมชอบ จะได้ไม่มีใครมากวนเราบ่อย...