>

Reach vs Next.js สำหรับ SEO – อย่างไหนดีกว่ากัน

เว็บที่ใช้ next.js ดีต่อ SEO ไหม? วันนี้ เราได้ถามตนเอง และพยายามหาคำตอบ ที่น่าตื่นใจ คือ ยุค SEO ที่เน้นการ Code ถือว่าอยู่ในส่วนของ Technical SEO โดยมันเป็นเรื่องของการเลือก Framework นำมาใช้พัฒนาเว็บ

เว็บที่ใช้ next.js ดีต่อ SEO ไหม?

วันนี้ เราได้ถามตนเอง และพยายามหาคำตอบ ที่น่าตื่นใจ คือ ยุค SEO ที่เน้นการ Code ถือว่าอยู่ในส่วนของ Technical SEO โดยมันเป็นเรื่องของการเลือก Framework นำมาใช้พัฒนาเว็บ

วันก่อนหน้านี้ไม่นาน ผมได้เข้าไปสอบถามเพื่อนๆ และคนในวงการ Dev. ว่าอะไรดีสุดสำหรับทำเว็บเพื่อรองรับ SEO เนื่องจากมีลูกค้าท่านหนึ่ง เกิดปัญหาจากการใช้ WordPress โดยสิ่งที่เกิดขึ้นคือ Web อืด render ไม่ค่อยไป แถม Plugin ในเว็บก็มียุบยับเต็มไปหมด แล้วลูกค้าได้มาสอบถามว่าควรจะแก้ไขอย่างไร ทางผมเองที่มุ่งเน้นแต่ทำ SEO ส่วนใหญ่ทำให้กับ Web Platform WordPress ก็พอจะทราบปัญหาเดียวกันคือเว็บเริ่มอืดๆ เมื่อมันเป็นเว็บขนาดใหญ่ และต้องติดตั้ง Plugin จำนวนมาก ซึ่งผมเองก็เริ่มมองว่า CMS – WordPress อาจจะไม่ตอบโจทย์การทำ SEO สมัยนี้แล้วก็เป็นได้

แต่อย่างเพิ่งตกใจไปครับ เพราะเว็บส่วนใหญ่ ที่แข่งขันทำ SEO กันอยู่ โดยมากแล้วยังคงใช้ WordPress กัน แต่ตอนที่สอบถามผู้คนได้ List มาตามนี้ครับ

  1. ทำเว็บโดยใช้ PHP Laravel
  2. ใช้ WordPress เหมือนเดิม
  3. ใช้ Python ทำเว็บ SEO
  4. ทำเว็บด้วย React
  5. ทำเว็บด้วย Next.JS

ทั้ง 5 Solution มีแค่ WordPress ที่คิดว่าง่ายสุด แต่ทางผมก็คิดหา Solution อื่นๆ ที่อาจเหมาะสมกว่าสำหรับลูกค้าบางราย ผมได้รับ Request มาว่า ต้องการเว็บน้ำหนักเบา มี Speed Performance ที่สูง ซึ่งผมถามและอ่านหลายๆบทความทำให้เข้าใจแบบคร่าวๆ ว่า การทำเว็บด้วย Next.JS น่าจะได้เปรียบทางด้าน SEO มากกว่า

Next JS vs React

ผมขอพุ่งประเด็นไปที่ Next.JS กับ React ก่อน เพราะเห็นว่ามันคล้ายๆกัน จากบทความของ Wojciech Baranowski เรื่อง “Next JS vs React: The 2022 Comparison” ผมได้เข้าไปอ่านและทำความเขาใจในการเปรียบเทียบ ทั้ง 2 Solution ดังนี้ครับ

อะไรคือ Next.JS ?

Next.JS เปิดตัวปี 2016, และกลายเป็น framework ที่นิยมมากๆในยุคนี้ มันเป็น React Framework ที่ Dev. สามารถสร้าง Single-page, JavaScript web applications เป็นการใช้งานแบบ “server-side rendering” (SSR)
ผลของมันก็คือ ได้เว็บที่เร็วมากๆ ตอบโจทย์ การทำ SEO

แต่กระนั้น มันก็คงเป็นเรื่องที่เปรียบเทียบได้ยาก เพราะ Next.JS คือ React framework และ React is a library

ความได้เปรียบ

SEO Friendly – ในปัจจุบัน การทำเว็บด้วย React ก็เป็น SEO Friendly แล้ว Next.JS หล่ะ ? เขาว่ากันว่า Next.JS นั้น SEO Friendly มากกว่า ซึ่งใน React เมื่อ user ทำการ click ในหน้าเว็บเพจต่างๆ การกระทำนั้นเกิดขึ้นในฝั่ง client-side มันจึงเกิดปัญหาเรื่องของ robot ของ search engine ที่เข้ามาเก็บข้อมูลเพื่อนำไป index

ในเคสนี้ ความแตกต่างของ Next.JS โดยที่มันเป็น server-side rendering มันจึงมีประสิทธิภาพในการจัด index ใน SERP

การพัฒนา Web Layout ด้วย CSS และ HTML วาง Icon Images

วิธีการปรับ CSS ให้กับ Background ของ WordPress และวาง Layout ให้ตอบสนอง กับ SEO อย่างมีคุณภาพ ถือเป็นงาน On-Page ที่ทำได้ไม่มีวันจบสิ้น ทาง Search Monopoly ได้สร้างชิ้นงาน อันหนึ่ง โดย มีการปรับ เนื้อหา หน้า Homepage ขึ้นมาใหม่ หลังจากที่เผชิญปัญหา เดียวกัน กับ นักพัฒนาเว็บ ค่าย WordPress ที่เผชิญกัน ก็คือ การนำ Theme ที่ซื้อมาใช้ แต่ Theme ไม่ตอบสนองกับ Web Server ผู้ให้บริการ ทำให้ Engine ทำงานหนัก แล้วเกิดสภาวะ เว็บล่มบ่อย จนทำให้ อันดับทั้ง เว็บไซต์ ตกลงมามาก อย่างที่ Search Monopoly เอง นั้นได้เผชิญอยู่

ปีนี้ และ ตั้งแต่ปี 2018 เป็นต้นมา ทาง Search Monopoly ได้นำเนิน นโยบาย ปรับแผนการพัฒนาธุรกิจ และ ปรับขั้นตอนการทำงาน ที่ให้ผลลัพธ์ได้ดีกว่า แล้วก็หา ตัวช่วย เครื่องทุ่นแรง อีกทั้งนำกระบวนการทำงานที่ลดขั้นตอน ที่สิ้นเปลืองออกไป แต่ยังคงช่วยเหลือพัฒนา ธุรกิจให้แก่ SME ที่มี ศักยภาพ ได้อยู่ โดยการ ลด Scale ของการจัด Event ที่สิ้นเปลือง และไม่ก่อให้เกิดประโยชน์ออกไป โดยมุ่งหวังเพียงแต่ กลุ่มบริษัท SME ที่มี Potential เท่านั้น และให้แต่ละทีม ทำงานร่วมกันได้ง่าย และยังส่งเสริมในการพัฒนา เครือข่าย การช่วยเหลือกันทาง การทำอันดับ และ ศึกษาการทำ SEO ทั้งสาย Technique และสายบริหาร ธุรกิจ

บทความนี้ เราได้ทำเป็นแผนงานเชิง Experiment โดยสร้าง Properties เพื่อการผลิต ชิ้นงานในส่วนของ Home Page เพื่อเป็นแนวทางให้กับ ผู้ประกอบการ SME ที่กำลังศึกษา การสร้างเว็บ ด้วย WordPress และสามารถ ทำ Landing Page ได้อย่างถูกต้อง ตรงตามหลักการของการทำ Conversion Optimization โดยเน้นการปรับ Key Messages ที่ลึกซึ้งและ การสื่อสารกับผู้ใช้งานในเว็บเรา ได้อย่างครบถ้วนและใช้งานง่ายกว่าเดิม

Specifications;
Color Scheme = “Orange Black Service icons”
Implementation = “text decoration css3” , “CSS text-decoration Property” , “Text Decorations

การซ่อน User WordPress Login – วิธีป้องกัน ความปลอดภัยให้กับ เวิร์ดเพรส

*** จาก Search Monopoly ***
ปัญหา เรื่องของ Security เป็นเรื่อง การป้องกันจากภายใน อาจจะไม่ใช่เรื่องของการสร้าง Productivity แต่ว่า ทำให้เรา ป้องกัน การสูญเสีย asset หรือทรัพย์สินที่มีมูลค่า คือ “เว็บของเรา” และ “content ของเรา” ซึ่งทาง Search Monopoly จัดเรื่องของ การพัฒนา security จะอยู่ใน stability หรือฝั่งของ Maintain เพื่อคงมูลค่าของธุรกิจ หรือคงมูลค่า Platform ของเราให้ทำธุรกิจสืบทอดไปได้ครับ

จากใจเลย ว่าน่าเบื่อมากๆ พวกที่เช่า Proxy แล้วมาโจมตี Login หลังบ้าน หรือพวกที่เล่นประตูหลังชาวบ้าน

1. เปลี่ยนชื่อ Admin User ด่วนๆ
2. Admin User ID เปลี่ยนใน Data Base ให้เป็น ตัวเลข ที่ Hacker จับยากขึ้น
3. 2 Step Login Authentication นำเข้ามาใช้งาน

เรื่องของการใช้งาน Two Steps Authentication หรือ Google Authenticator
แนะนำให้ใช้งาน Plugin ชื่อว่า Google Authenticator ของ miniOrange

ผมได้ลองศึกษา การ config อีกแบบนึง เป็นแบบ Advance เพิ่มเติมขึ้นมา ลองหาบทความนี้ใน Google Search Engine ดูนะครับ
“How to Add an Admin User to the WordPress Database via MySQL”

solution นี้ สำหรับ เจ้าของเว็บ ที่เคยมีปัญหาแบบผม คือ พวก Hacker รุมเร้า มันเข้ามารู้ user admin ของเราแล้ว
แล้วเราดันไป ใส่ Plugin ให้มัน rejected login และทำ session expired เอาไว้ ทำให้ “เราเอง” หรือ เจ้าของเว็บจริงๆ ไม่สามารถ เข้ามา Login ได้เอง
เพราะ ระบบเรา ไม่ยอมให้ใคร เข้ามา Login เลย หรือ Lock ตายนั่นเอง
สงสัย Hacker จะมาก่อกวน เพียงแค่ให้ ระบบเราตายๆ ไป ทำอะไรเพิ่มเติมไม่ได้ แบบนี้ เห็นได้ชัดว่า ไอ้พวก Hacker มันอาจจะมองเราว่าเป็นคู่แข่งทางธุรกิจ แล้วก็ น่าจะใช้ วิธีสกปรกในรูปแบบ Spaming Login ให้ระบบเราพังก็เป็นได้ โดยใช้ผ่านทาง Proxy ต่างๆ จากทั่วโลก ทำให้เราจับมือดมไม่ได้

ลองเข้าไปศึกษา URL: นี้ได้เลยครับ
http://www.wpbeginner.com/wp-tutorials/how-to-add-an-admin-user-to-the-wordpress-database-via-mysql/

Keyword คำค้น ที่ใช้ “how to create an admin user in WordPress Database via MySQL.”

STEP ที่ 1 BACKUP DATABASE ก่อนนะครับ ไปที่ MySQL ครับ
Backup ลง LOCAL DISK นะครับ เก็บไว้ก่อน และต้องมั่นใจว่า DISK คุณ ไม่มี Virus นะครับ ถ้า Upload อีกที มี Virus ติดไป ก็ บ๊ายบายครับ ช่วยไรไม่ได้แล้ว

STEP ที่ 2 ให้เข้าไปที่ MySQL – wp_users และ wp_usermeta tables
อันแรก ดูที่ “wp_users” กันก่อนนะครับ
กด menu ของ mySQL ที่ชื่อว่า “insert”

ID = ตัวเลข 1-999 ให้เลือก เลขที่ Hacker เข้าหาไม่เจอ เช่น 744 , 629 , 447 , อะไรแบบนี้ random ไปเรื่อยๆ เราจะเปลี่ยน ID และ User Admin ทุกๆ 7 วัน
เราจะมี Admin Login ใหม่ ทุกๆ 7 วัน แล้ว ปรับ User อื่น ออกไปเป็น User old อันนี้จะบอกเทคนิคทีหลังนะครับ

งานนี้ เหมือนงาน กำจัด แมลงสาบ ที่เข้ามา ตอมบ้านคุณ ที่น่ารำคาญมากๆ ให้มัน Fade ตัวออกไป …

การพัฒนาเนื้อหา Web จาก Class Lecture #20

การปรับหน้าเว็บ ให้มีรูปแบบ เหตุผลของการขายอย่างชัดเจนแล้ว ก็ยังอาจไม่ทำให้เกิด Effectiveness และมี performance ของ การขายที่ดี Class War Room จึงพัฒนา User Journey และ สอน UX ไปด้วย ไม่ยาก

วันนี้ หัวข้อที่จะสอน สำหรับสัปดาห์ ที่ 28 – 1 July 2017

Agenda

  • A: พัฒนา Micro Unit ไปสู่ campaign หลัก
  • B: Content หลัก เรียนรู้ Search Advertising 8 Modules
  • C: การคิดโจทย์ “Effective Ads” จากการลองผิดลองถูก
  • D: Impression ทาง Organic สำคัญมากๆ
  • E: Impression มาสู่ Site Structure
  • F: Site Structure มาสู่ Flow
  • G: อย่า ตัดสิน ธุรกิจ ด้วย จิตอคติเราเอง เรียนรู้จาก Users
  • H: พัฒนา Landing Page ที่ดีกว่า + Flow ที่ดีกว่าไปด้วย
  • I: Marketing Intelligent – ฉบับมวยวัด (Lean & Agile Operation)

สำหรับ สมาชิก The War Room เข้ามาอ่าน เนื้อหา ที่ Sheet ได้เลยครับ < ตามลิงค์นี้ครับ >

วันนี้ หัวข้อที่จะสอน สำหรับสัปดาห์ ที่ 22 – 20 MAY 2017

  • คือการวาง User Journey
  • การเน้นพัฒนา Sale Funnel
  • การค้นหา และ สร้างคนโทรเข้ามาสอบถามเว็บเรา
  • การปรับ แคมเปญโฆษณา ให้มีราคาถูกขึ้น
  • การวิเคราะห์ แคมเปญ ประสิทธิภาพของแคมเปญ
  • การดูปัญหาต่างๆ จากการพัฒนาเนื้อหา และปรับแก้ Landing Page
  • การพัฒนา Flow ของการใช้งานให้ดีขึ้น
  • การวิเคราะห์ว่า คนมาใช้งานเว็บ และมาเลือกส่วนไหนบ้าง เข้ามาแล้วสนใจจริงไหม ?

จากการนำตัวอย่าง ของสมาชิกที่เข้ามาเรียน เราได้ทำการวางแผน และเสนอแผนการพัฒนา
และผมเองก็ทำตัวอย่าง ของการพัฒนา Site Usability ที่ดีขึ้น
โดย จากประสบการณ์ เราต้องหา Target Audiences ในกลุ่มที่ เหมาะสมกับเว็บเรา แล้วเราทำ การปฏิสัมพันธ์กับคนที่เข้ามาเรียนรู้ (Learning Stage) เป็นระยะเวลาหนึ่ง ที่จะกล่าวต่อไป คือเรื่องของ การพัฒนา เนื้องานที่มีคุณภาพนั้นจะช่วยให้ การ Operation งานของเราทำได้อย่างสบายมากขึ้น

โดยที่ผ่านมา ทาง War Room ได้ใช้กลยุทธ์ ที่เน้นการเติบโตเร็ว แต่ทำใน Scale เล็ก เพื่อวัดหาการเติบโตใน Scale ที่ใหญ่กว่า
วิธีการทำงาน จากการเรียนรู้ ที่ Search Monopoly จะใช้รูปแบบที่ ธุรกิจระดับ Enterprise เขาเล่นกัน และผมจะบอกว่า เอาเข้าจริง พวกเขาไม่ได้ใช้ เทคนิคระดับสูงอะไรมาก การกระทำทั้งหลาย คือ Based On “Real Experience” คนไทย และ นักธุรกิจ SME ต้องปรับตัวครับ อย่า อ่านตัวเลข แบบ Report อย่าอ่านตัวเลขแบบพ่อค้า ซื้อขายเก็งกำไร ทำแบบนั้น อนาคตทาง Online ไม่รุ่ง การพัฒนางานเว็บ คือต้องเข้าถึงระดับเนื้อใน คือการอ่านค่า เพื่อการวิเคราะห์

“วิเคราะห์ เพื่อให้ได้ Experiences”

average session duration from Search Monopoly 2016 - May 2017

Fig 1 : Graph - Session Duration Nov 2016 - May 2017

จากการ การพัฒนา Usability โดย นำ Metric ขึ้นมา 1 ตัว คือ ระยะเวลา การใช้งาน เว็บ ต่อ 1 session โดยเฉลี่ย
(ความจริงแล้ว ใน War room จะวิเคราะห์ เชิงลึก และมี Break down กว่านี้)
สำหรับบทความนนี้ จะไม่นำส่วนประกอบเนื้อใน เข้ามาเปิดเผย เพราะ Flow บางจุดเป็น Significant ทำเงิน และ Session บาง Flow ทำได้ 6 นาที และ เกิด Stage ของ conversion ใน Background.

ที่นำกราฟนี้ขึ้นมา เพราะเวลาเรา ออกแบบหน้าเว็บ หรือเรา ซื้อ Theme WordPress มานั้น จะเกิดข้อกำกัด หรือ นิยามของ User Usability แล้ว เพราะ user จะให้นิยาม ความเชื่อ สื่อความหมายการใช้งาน จนเกิด user Journey — ตรงนี้แหละครับ ที่เรียกว่าความสำคัญ ถ้าเรากำหนดทิศทางไม่ถูก เว็บของเราไม่สามารถขยาย เติบโตได้

การเติบโตของเว็บ เกิดการ โอกาส การพัฒนามาจาก คุณภาพเนื้องาน ของ เนื้อหาของเว็บ อย่างที่ผมกล่าวใน War Room เสมอว่า “Content is Not King”
เขามี prove record ไปเรียบร้อยแล้ว แต่พวก Guru ไทยๆ ยังมาหลอกขายงาน ว่า content is King แล้วปล่อยให้ระบบ พังๆ ไปต่อไม่ได้

สำคัญกว่า content คือการวาง Flow ที่ดีกว่า

ถ้าคุณทำเว็บ คุณมักจะหยุดอยู่แค่ เว็บสวย พอใจตนเอง แต่ไม่ลองถามธุรกิจของคุณเลย ว่ามีโอกาส OUT จากตลาด หรือ ไม่รอด ด้วยเงื่อนไขอะไรต่างๆ บ้าง ?
บางเว็บ ออกแบบมาสวย แต่พอดูแล้ว จูบไม่หอม แล้วยังมีการมาบ่นอีก ว่าทำไม ไม่ได้ลูกค้าเลย ทำไมเดี๋ยวนี้เงียบๆ ไป ??

อันที่จริง คือ คุณไม่ได้พัฒนา เนื้อหา หรือการวาง Flow เพื่อให้เกิด การตอบสนอง หรือสร้าง Offer ที่ดีให้แก่ผู้ที่เข้ามาพบชม และไม่เกิด commit อะไรบางอย่าง ที่เขาเข้ามาอ่านแล้วจะได้ประโยชน์ในอนาคต

ถามว่าเว็บ Search Monopoly วาง Flow มาดีแล้วหรือ ?

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

หยุดทำ หยุดคิด ONLINE ก็ตาย

กฏเหล็กของงานออนไลน์ คือ พอหยุด อัตตราเร่งก็หยุด เหมือนเราขับรถปล่อยเกียร์ว่าง คู่แข่งก็แซงเราไปอย่างง่ายๆ
งานทำเว็บ คือการเรียนรู้ Experience ค้นหา Outcome ที่ดี ใครไม่มีประสบการณ์ แนะนำว่า ลองเข้ามาศึกษาได้แล้วครับ
มีเว็บ เป็น พันๆเว็บต่อวัน ที่ตายหายไปจากระบบ คนตายไม่มีสิทธิ์พูด อะไรแบบนี้

กลับมาที่ Session Duration.

เว็บ Search Monopoly ยังวาง Logic ที่ไม่ดีนัก การเข้าถึงเนื้อหา ที่เกิดการ ของ Users ยังทำได้ต่ำ และ อัตตรา โดยรวมไม่ดี
แผนในอนาคต ของ Search Monopoly คิดว่า ผู้เข้ามา Observe เนื้อหา ของเว็บเรา ควรจะมี จำนวน หน้า โดยเฉลี่ย อยู่ที่ราวๆ 11 Pages / Session เป็นเป้าหมายระยะยาว และ พอเราได้ Pattern ของ Flow ที่ดี เราก็นำมาทำ Scale ของการพัฒนาต่อ แล้วเพิ่มอัตตรา Lead ที่เข้ามาจำนวนมากๆ

โดยเป้าระยะยาว ต่อไปนี้ จากแผนที่สอนในระบบ War Room ผมเองก็จะพัฒนาสื่อการสอนทางหน้าเว็บให้ดียิ่งขึ้น
User ที่เข้ามาอ่าน ควรได้รับสาระทางเทคนิค ที่นำไปใช้ได้จริงบ้าง และมี Level ของ user ว่าเขา เป็น ระดับ ศูนย์ หรือ ระดับ 50 หรือระดับ 100 ที่เรียกว่า expert เข้ามาอ่าน ตรงนี้ แต่ละ Flow จะวัดพฤติกรรม ของ user ที่เข้ามาอ่านเนื้อหาได้ครับ

โดย Professional Business Man จะเข้ามา Deal ธุรกิจ เมื่อเข้ามาเห็น บทความบางอย่าง ที่ผมทำร่องรอย และ กล่าวอย่างอ้อมๆ การ Click Internal Link วนตาม Flow ที่ผม วางไว้ แบบที่ user ทั่วไป เดินตามไม่ถึง ลูกค้าที่แท้จริง จะมีพฤติกรรม ลักษณะ คล้ายๆกัน แล้วจะเป็นคนที่มี Sense คล้ายๆกัน ฉนั้น ทำงานกันจะไม่ยากครับ คนกลุ่มนี้ จะเข้ามาเป็นลูกค้าระยะยาวของผม แล้วเปลี่ยนขั้นเป็นระดับ Partnership ในอนาคต หรือเป็น หุ้นส่วนใน % Sharing นั่นเอง

ธุรกิจของผม เน้นความยั่งยืน นี่แหละ ศาสตร์ของความสำเร็จ แบบช้าๆ ไม่ต้องก้าวกระโดด

การปรับ สี WordPress Theme ด้วย CSS ฉบับ คนเขียน Code ไม่เป็น

วันนี้ ระบบ War Room ได้สอน การทำโฆษณา ออนไลน์ ด้วย Google AdWords ไปช่วงระยะเวลานานแล้ว
ลูกค้า และผู้เรียนรู้ ต่างตื่นเต้นกับการปรับแก้ไขเว็บไซต์ (ที่เปรียบดั่ง หน้าตาร้านค้า หรือ ทำเลธุรกิจ) ของตนเองให้สวยงาม และ อาจล้อกับ สีของ Marketing Object อื่นๆ เพื่อให้ไปในทิศทางเดียวกัน

อิทธิพลของสี และการปรับ CSS

 

วันนี้ ทาง Search Monopoly ได้ [Request] ให้ช่วยเหลือ เรื่องการปรับแต่ง โทนสี ให้ดูดีขึ้น

ปัญหาของ ผู้ใช้งาน หรือ ลูกค้า ที่ไม่มีพื้นฐาน การปรับ Layout / UX / Design และไม่มีพื้นฐานงาน Coding – Programming มาก่อน เราจะกลัวกันไปเอง ว่าการทำเว็บ WordPress นั้น ยาก และ ไกลเกินเอื้อม

แต่ LOGO Search Monopoly size 45pxSearch Monopoly อยากบอกว่า — มันไม่ยากอย่างที่คิดครับ การปรับหน้าตาเว็บ ล้วนเป็นเรื่องสนุก เอาใจใส่
เราจะอยู่กับเว็บไซต์ของเราไปนานๆ – และให้มองว่า เว็บคือ ทำเลทอง เป็น Real Estate ของเราเองครับ
ใครทำมาก ได้มาก ใครทำน้อยได้น้อย ใครไม่ทำ จ้างเอา ก็เสียเลือดเยอะ // ฉนั้น ใครงบจำกัด เข้ามาเรียนรู้กับ Search Monopoly ครับ โดยเฉพาะ หลักสูตรของระบบ “The War Room” เรามีสอนในเรื่องการวาง โครง Layout / UX และการจัดทำเนื้อหา ให้สอดประสานกับการทำโฆษณา และ SEO – Organic Traffic อย่างดีเยี่ยม มี LOGIC ที่พิสูจน์ได้ครับ เรียนรู้ อย่างเป็นเหตุเป็นผล เรียนสนุกได้เพื่อนทางธุรกิจที่หลากหลายให้เหมาะสมกับ หน้าตาธุรกิจ เราจึงเขียนบทความนี้แบบ Step By Step มาให้ลองเล่นกันดูนะครับ

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

STEP 1 – ติดตั้ง FireFox ก่อนครับ

ความจริง จะใช้ Google Chrome ก็ได้ครับ คือๆกัน แต่ บทเรียนนี้ ขอใช้ tool เป็น FireFox ก่อนนะครับ

ติดตั้งเสร็จแล้ว ให้ LOG IN Admin Dashboard ใน Web WordPress ของเราเองครับ
เมื่อเรา เข้า WordPress ด้วย บัญชี Admin ของเราเองได้แล้ว

ให้เข้าไปที่ Dashboard ครับ แล้ว ดูตามภาพครับ ให้กดคลิ๊กไปที่ “Appearance”
มันจะขึ้น Tab Menu ให้คลิ๊กที่ Editor

 

 

STEP 2 – กลับมาที่ หน้า Home Page ของเราครับ เข้าผ่าน FireFox ครับ

สังเกต สีของหน้าตาเว็บ เป็นสีเขียว ตุ่นๆ แลดู ไม่ดี ไม่มีสง่าราศีเลย เราจะทำการ ตรวจสอบว่า สี ของ Header หน้า Home Page นั้น ซ่อนอยู่ตรงไหนของ CSS. ให้ทำตามขั้นตอนต่อไปได้เลยครับ

 

STEP 3 – ใช้ Inspecting Element Tool ใน FireFox ครับ (Chrome ก็ได้)

3.1 เลื่อนหัว เมาส์ไปที่ พื้นที่ สี ที่เราอยากเปลี่ยน
3.2 คลิ๊กขวา 1 ครั้ง
3.3 คลิ๊กที่ Inspect Element (Q) —-> กด Q แทนการคลิ๊กได้ครับ

ถ้าทำถูก เราจะพบ แถบรายงาน ที่ชื่อว่า “Inspector” ในหน้าจอ Browser ของเราครับ

STEP 4 – หา code CSS และ สีที่เราจะแก้ไข

จากภาพ พอลอง Inspect. ดูแล้ว เราจะเห็น ฝั่งขวามือของหน้าจอครับ

 

สังเกตคำว่า “style.css” (อันนี้ WordPress Theme ฟรีๆ มักจะใช้ CSS ชื่อนี้) ถ้าเจอแปลกแหวกแนวกว่านี้ ไม่ต้องตกใจครับ กินยานอนหลับ แล้วนอนให้สนิท แล้ว พรุ่งนี้เช้าค่อยโทรมาติดต่อผม เดี๋ยวเข้าไปดูให้ครับ

ในภาพ เราจะเห็นว่า Theme ตัวนี้ มีการใส่สี Header Background ในบรรทัดที่ “682”
โดย code ที่ใช้ control สี คือ

.site-header {
background: #4F4F00;

นั่นแหละครับ สีที่เราจะแก้ไข คือ “#4F4F00” ต้องเปลี่ยนเป็น code สีอันอื่นครับ

 

STEP 5 – มาหาสีในดวงใจกันครับ

เข้าไปที่เว็บ “http://www.computerhope.com/htmcolor.htm”

ผมใช้ตัวนี้ ครับ ในการค้นหาสีที่อยากเอามาระบายใน web layout / WordPress Theme ของเราครับ

จากรูป ให้เรากด Colore Shade ที่เราต้องการเลยครับ ชอบแดงกดแดง ชอบฟ้ากดฟ้า
ตัวอย่างนี้ผมเลือกไปที่ น้ำเงินครับ

 

STEP 6 – copy code สี ที่เราชอบครับ

เมื่อกด shade สีที่เราต้องการแล้ว *** ใช้เวลาเลือกนานๆหน่อยครับ อย่าเอาอย่างผม เปลี่ยนบ่อย งานไม่เดิน เลือกแล้วเลือกเลย อย่าแก้ไปมา มันจะไม่จบ

ในภาพ เราเลือกสี น้ำเงินเข้มครับ


เอาหล่ะ ตอนนี้ STEP 1 – 6 คือ PART A เป็นการเตรียมงาน
ต่อไป Part B – คือการ ลงมือเปลี่ยน code สีจริงจังแล้ว

สรุป PART A)

1) code สีเดิม = #4F4F00
2) code สีใหม่ = #000050
3) ตำแหน่ง ไฟล์ = style.css
4) บรรทัดที่ต้องแก้ = 682
5) code control สี

.site-header {
 background: #4F4F00;

 

PART B)
Step 7 – การเข้าไปแก้ไข CSS ใน WordPress File Editor

อันที่จริง ถ้าอยาก AdVance กว่านี้ ติดตั้ง Plugin เป็น CSS Controlor หรือ CSS Custom ก็ได้ครับ
แต่ search Monopoly คิดว่า ลัดขึ้นตอนดีกว่าครับ

เข้าไปที่ Appearance > Editor
เลือกไฟล์ stylesheet ตามภาพครับ ถ้าปกติที่พบบ่อย จะเป็นไฟล์ style.css

 

STEP 8 – control + F ค้นหา code ที่เราจะแก้ครับ

ให้ใส่คำว่า .site-header {


*** อาจไม่เหมือนกันนะครับ อย่าตกใจ ถ้าไม่เหมือน ให้กลับไปฝึก Inspect ดีๆ แล้วจะรู้ว่า บรรทัดที่ต้องใส่คืออะไร ตัวไหน
ตัวอย่าง CSS ของเว็บนี้ ใช้ code ว่า “.site-header {”

พอใส่ปุ๊บ Find ปั๊บ เราจะพบ บรรทัด code ที่อยู่ใน CSS อันนี้ครับ ตามภาพ

 

STEP 9 – นำ code code สีใหม่ = #000050 ไปแทน code สีเดิม = #4F4F00

Copy เอา #000050 ลงไปแทน #4F4F00 ครับ แล้วกดปุ่ม สีฟ้าๆ “Update File”

แค่นี้เป็นอันเสร็จครับ

ชีวิตไม่ยากครับ แก้ปัญหาทีจะจุด อย่ารีบ
งานเว็บ สนุก ปล่อยให้ระบบพังๆ อย่าไปยึดความ “Perfect”

งาน Online Marketing ไม่มี Perfect ครับ มีแต่ การเรียนรู้ และการเปลี่ยนแปลง

ใครบอกทำเว็บเสร็จภายใน 14 นาที แล้วเก็บเงิน ปีละ สองสามหมื่น อันนี้ก็แล้วแต่ครับ
สุดท้าย ของดีๆ งานดีๆ ต้องพัฒนาจากตนเองครับ ไม่มีใครทำให้ได้แน่นอนครับ

บางที แก้สีแค่นี้ หากผู้ประกอบการไม่รู้ โดน Charge ไปแล้ว 7,500 บาทครับ

< แก้ 1 บรรทัด ใช้เวลา 3 นาที เท่านั้น >
แก้งานเสร็จแล้ว
อย่าลืมตรวจสอบ Pageload Speed ด้วย FireBug นะครับ
ผมค่อนข้าง Serious กับ Site Performance มั่นใจเสมอว่า การแก้ code ไม่ทำให้ site Performance Drop โดยเด็ดขาด สำหรับคนที่อยากยึดหัวหาดทางฝั่ง SEO / Organic.
เอ้าจบแล้ว หากสนใจอยากเรียน ลึกๆ แบบโหดๆ โค่นคู่แข่ง ประหยัดต้นทุน แนะนำ การเรียนรู้ที่ระบบ “The War Room” ครับ
ของดี ให้ฟรี มีน้อยๆ แต่ให้ด้วยใจ สังคมเล็กๆ ค่อยๆเติบโต

คู่แข่งไม่ทำ เราทำมากกว่าคู่แข่ง — สุดท้าย ใครถึก ก็ชนะตลาดไปครับ

วิธี แก้ปัญหา : fatal error: allowed memory size ใน wordpress

 

คืนนี้ กำลังพัฒนาระบบ bbPress แบบง่ายๆ ให้กับสมาชิก ที่เข้ามาร่วมเครือข่ายกับ Search Monopoly เพราะว่า สมาชิกเริ่มขยาย เกือบๆ 2 ร้อยคนแล้ว

ปัญหาที่ตามมาคือ ผมชอบลืมปัญหา หรือ คำถามต่างๆ ที่เหล่า ผู้ที่เข้ามาเรียนในระบบ The War Room ทั้งหลาย ที่สุมลงมาให้เราขบคิดได้ทุกสัปดาห์

ผมเลย ได้ทำการ ติดตั้ง bbPress เพราะเอาง่ายเข้าไว้ แต่ก็ต้องแลกมาด้วยความอืดของเว็บ ในช่วงต้นๆ เพราะทุนของการ maintain ระบบ ในส่วนนี้ ยังไม่มี และยังไม่สามารถ Generate รายได้ให้กับ section Support

 

ปัญหาที่เราเจอตามมาคือ พอลง bbPress ไปแล้ว ทาง WordPress ได้แจ้งกลับมาเรื่อง Fatal Error ในระบบเพราะ Ram ของ Host ให้ โควต้า มาต่ำไป จึงจำเป็นต้องทำการเพิ่ม Ram เพื่อ Process การติดตั้ง bbPress ให้ลุล่วง

 

ปัญหาที่เจอนี้ ผมได้เข้าไปค้นหาใน Google และพบการแก้ไขปัญหาอยู่ 3 ทาง

โดยที่ผมเลือกทำอย่างง่ายที่สุด คือให้เข้าไปปรับที่ .htaccess ครับ โดยใส่ บันทัดเดียว ก็สามารถแก้ไขปัญหานี้ได้เลย
php_value memory_limit 256M
https://wordpress.org/support/topic/how-do-i-fix-fatal-error-allowed-memory-size-of-94371840-bytes-exhausted/

จากบทความ
How do I fix ‘Fatal error: Allowed memory size of 94371840 bytes exhausted’ ?

http://docs.wpovernight.com/woocommerce-pdf-invoices-packing-slips/memory-issues/
https://docs.woocommerce.com/document/increasing-the-wordpress-memory-limit/

สิ่งที่ผมพบ คือ
error = “Fatal error: Allowed memory size of 134217728”
ผมเลยลองใช้ การคำนวณ MB. โดยใช้ สูตร (Allowed memory size) / 1048576 จะได้ Size ของ WP memory ของเราครับ

WordPress Theme สำหรับ โรงงาน และอุตสาหกรรม

หากคุณกำลังสนใจ ออกแบบเว็บทางด้านอุตสาหกรรมให้ลูกค้า ทางเราขอแนะนำ Theme ที่ตอบสนองการทำ SEO ที่ดีมากๆ

KEYWORD การค้นหา : wordpress theme industry

http://www.templatemonster.com/demo/54938.html
http://www.templatemonster.com/category/industrial-wordpress-themes/
http://www.templatemonster.com/demo/52370.html

การทำ Site Navigator เว็บไซต์สำหรับเว็บเสื้อผ้า Fashion

โครงสร้าง เว็บไซต์ สำหรับเว็บขายสินค้าแฟชั่น ที่ตอบสนอง SEO ได้ดีกว่าคู่แข่ง เกิดผลลัพธ์ การทำอันดับที่ดีกว่า และพัฒนาง่าย ขยายธุรกิจได้เร็ว


เมนู site navigator ของ H&M เราได้นำตัวอย่าง ที่เป็นเรื่องที่พัฒนายาก และเป็นเรื่องจุกจิกสำหรับ Website Developer. ธุรกิจเสื้อผ้าแฟชั่น ที่ขายกันทางออนไลน์ มีความจำเป็นต้องพัฒนา โครงสร้างเว็บไซต์ ( Site Structure ) ที่ตอบสนองกับการเลือกสินค้าของลูกค้า และผู้ใช้งานของเว็บไซต์ได้เป็นอย่างดี

เว็บแฟชั่น ส่วนใหญ่ในไทย ยังไม่ค่อยนำ Site Navigator ตรงนี้เข้ามาประยุกต์ใช้ในการพัฒนางาน นั่นถือว่าเป็นโอกาสที่ดี สำหรับเจ้าของกิจการที่เข้ามาคว้าโอกาส เปิดพัฒนางานแบบนี้ก่อนใคร

 

ท่านผู้พัฒนาเว็บ หรือเจ้าของกิจการ ควรลองเข้าไปดู site navigator ของเว็บ H&M หรือ เว็บขายเสื้อผ้าแฟชั่นออนไลน์ อย่าง ZALORA นั้นเป็นตัวอย่างที่ดี และจัดเป็นการพัฒนาเว็บแฟชั่นที่จอบโจทย์การทำอันดับทาง SEO และเป็น Web Development Quality Guideline ที่ทาง Google INC. ได้พยายาม Educate ให้เรา Follow ตาม

 

เจ้าของธุรกิจ ควรเล็งเห็นความสำคัญของการพัฒนาตรงจุดนี้ เพราะมันเป็น “crucial point” ที่ไม่ควรหลีกเลี่ยง

LOGO Search Monopoly size 45px ทัศนะ SEARCH MONOPOLY ได้ตระหนักถึงความสำคัญในการพัฒนาโครงสร้างเว็บให้เป็นไปตามแบบแผนอันนี้ และ Strongly Recommend ให้แก่เจ้าของเว็บและการพัฒนาเว็บ และเราได้พิจารณาที่จะนำแนวคิดนี้เข้าไปบรรจุอยู่ใน Policy of Qualitative Development Protocol ซึ่งเป็นแผนแม่บทในการพัฒนาเว็บที่ตอบโจทย์ธุรกิจ และเป็นสิ่งที่กลุ่มพันธมิตรทางธุรกิจของ Search Monopoly ให้การตระหนักถึง และจำเป็นต้องสร้าง เพื่อให้เกิดผลลัพธ์ทางธุรกิจที่ดีที่สุด

เราจึงขอแนะนำให้ เจ้าของธุรกิจ ได้ระวังการจัดจ้างเว็บที่ไม่มีมาตรฐาน และบรรจุ Specification นี้เข้าไปอยู่ใน Requirement ของการพัฒนาเว็บไซต์ ก่อนที่จะทำการจัดจ้างหรือเซ็นสัญญาในการพัฒนาเว็บทางธุรกิจ

 

caution-icon โปรดระวัง ! – บริษัทรับทำเว็บ และพัฒนาเว็บที่ไม่มีมาตรฐาน ไม่มีความเชี่ยวชาญในการพัฒนาเนื้องานที่ไม่ตอบโจทย์ทางธุรกิจของคุณ การทำเว็บไซต์สำหรับขายเสื้อผ้าแฟชั่นออนไลน์ เป็นงานที่ละเอียดอ่อน เพราะต้องขยายเนื้อหาที่มี Details เยอะ และต้องพัฒนาการขายแบบ Emotional Selection ควบคู่ไปกับ การทำ Search & Selection ในระบบ

 

การพัฒนาเว็บสำหรับเสื้อผ้าแฟชั่นออนไลน์ นั้นไม่ใช่เรื่องงาน ไม่ใช่เพียงแค่มีเว็บแล้วลงรูปสินค้าหรือจัดแสดง จะสามารถพัฒนาธุรกิจของคุณได้อย่างยั่งยืน ผู้ที่จะเข้ามาผูกขาดตลาดได้อย่างแท้จริง คือผู้ที่พัฒนาระบบที่ตอบสนองกับงานการตลาดที่เน้นทางด้าน Emotional Buying บวกกับ High Retention Selection หรือการกลับเข้ามาดูซ้ำๆ เป็นประจำ

พฤติกรรมธรรมชาติของลูกค้ามักจะกลับเข้ามาดูแบบบ่อยๆ ก่อนที่จะตัดสินใจซื้อ ฉนั้นการทำ Ads โฆษณาทั้งด้าน FACEBOOK Social และ PPC Adword หรือแม้แต่การทำ Banner Ads ที่สร้างจำนวน Pageviews ก็ไม่สามารถสร้างยอดขายได้ตามใจที่เราประสงค์


สรุปของ LOGO Search Monopoly size 45pxSearch Monopoly 

  1. คุณควรเริ่มจาก Business Development Process – เอกสารต้องจัดเจน มี scope ของการพัฒนาธุรกิจ และเข้าใจตลาด โปรดเรียนรู้ที่ –
  2. กำหนด Requirement ที่ระบุถึง site navigator ที่ชัดเจน ไม่ตกหล่น
  3. กำหนดแผนทำ Targeting page เพื่อปริมาณการค้นหาทาง Organic Search จำนวนมาก
  4. พัฒนา Market Retention จากการทำ Organic Search
  5. User Experience เป็นสิ่งที่สร้างความสำเร็จ เมื่อมี 4 ข้อด้านบนที่แข็งแรงแล้ว
  6. การพัฒนา Partnership และการสร้าง Site Authority
  7. การทำ Emotional Buy ทาง Social
  8. การทำ Content Marketing
  9. Affiliate Program สำหรับตลาดที่ Specific และเป็น Niche ที่ละเอียดอ่อน

caution-icon  โปรดระวัง ! การอัดงบประมาณ (Wasted Budget) ให้กับ Agency ที่เน้นกินงบประมาณในการทำโฆษณาที่ไม่มีแบบแผน

 

เปลี่ยน WordPress theme มาเป็นแบบ BASIC สุดๆ

กลับมา เรียนรู้เรื่อง wordpress อีกครั้ง ได้เวลามากขึ้นกับการเขียนบล๊อกส่วนตัว
หลังจากไปทำงานสาย วิเคราะห์ ข้อมูล ในอินเตอร์เน็ต เป็นเวลานานเสียนานมากๆ

ผมกลับมาดูแลเว็บ SEARCH MONOPOLY ของตนเองอีกครั้ง และเข้ามาดู สถิติการเข้าชม ที่ลดน้อยถอยลง

การจัดเรียงข้อมูลเว็บไซต์ โดยใช้ Dewey Decimal Classification

[SEO Tips] การสร้าง Category ID สำหรับ Data Analysis

และ Data Filtering โดยใช้หลักการของ Dewey Decimal Classification

หลังจากได้เขียน Issue Support เกี่ยวกับ prefix- การตั้งชื่อ URL สำหรับ Category Page อันเป็นหัวใจสำคัญของความสำเร็จ ของเว็บ E-commerce ขนาดใหญ่

การสร้าง Category ID จะใช้เทคนิค Dewey Decimal Classification ซึ่งทำให้ URLs สามารถไล่เรียงเป็น ลำดับชั้นได้อย่างดี และช่วยให้สามารถ จัดการทางงาน SEO ได้อย่างมีประสิทธิภาพ

ดูรูปแบบการจัดเรียงข้อมูลในแบบ Dewey Decimal Classification ได้ที่รูปภาพ

 

SEO-urls-id-category-managements

 

 

SEO-urls-id-category-managements2

 

 

วิธีการทำ

Category Group 1

Category Group 2

Category Group 3

Category Group 4

Category Group 5

 

ให้ Main Category สามารถระบุ digit แรกได้ หรือ 3 digit แรก

ในเว็บ E-commerce อาจจะใช้ 2-3 Digit สำหรับ Main Category

เช่น

001 = แฟชั่น

002 = ของใช้ในบ้าน

003 = IT Electronic

004 = หนังสือ

005 = อาหาร

 

ในแต่ละ Main Category จะมี SubCategory LV 1, LV 2 LV 3 ลึกไปเรื่อยๆ

เช่น > แฟชั่น > แต่งผม > Spray แต่งสีผม > Spray แต่งสีผมสูตร ผมนุ่ม > ส่วนประกอบ ที่เป็น ขี้ผึ้ง

จะได้ Category ID ดังนี้

แฟชั่น = 001

แต่งผม = 001

Spray แต่งสีผม = 001

Spray แต่งสีผมสูตร ผมนุ่ม = 001

ส่วนประกอบ ที่เป็น ขี้ผึ้ง =001

 

LV1

 แฟชั่น = 001000000000000 = www.ecommerce.com/cat-fashion/

 

LV2

แฟชั่น > แต่งผม = 001001000000000 = www.ecommerce.com/cat-fashion-hair/

 

LV3

แต่งผม > Spray แต่งสีผม > = 001001001000000 = www.ecommerce.com/cat-fashion-hairspray/

 

LV4

Spray แต่งสีผม > Spray แต่งสีผมสูตร ผมนุ่ม > = 001001001001000 = www.ecommerce.com/cat-fashion-hairspraysmooth/

 

LV5

Spray แต่งสีผมสูตร ผมนุ่ม > ส่วนประกอบ ที่เป็น ขี้ผึ้ง = 001001001001001 = www.ecommerce.com/cat-fashion-hairspraysmooth-wax/

 

 

 

การทำ อาจจะออกแบบใน Excel หรือ ทำใน Google Sheet และนำไปให้ Web Developer บรรจุเข้าไปใน Data Base โดยสามารถ อับเดท ID ได้

 

ส่วน Product page เราสามารถ Run เลขเพิ่มเติม อีกชุดหนึ่ง โดยใช้ Parent Category ชั้นลึกสุดท้ายเป็นตัวกำหนด

เช่น

Spray มิยองเซ่ สูตร Wax ให้ผมนุ่ม สีทองเฉดเขียว

www.ecommerce.com/hairspray-wax-for-smooth-color-green-goldtone-50ml/

ได้ระบุ Product ID คือ HWM50ML76441

ให้ใช้

001001001001001 <|> HWM50ML76441

เราจะได้ Product ID สำหรับ SEO ดังนี้

www.ecommerce.com/hairspray-wax-for-smooth-color-green-goldtone-50ml/ = 001001001001001HWM50ML76441

 

เมื่อทำการ Plot Organic Traffic สำหรับ DATA Analysis เราจะได้ Pattern ของการเติบโตอย่างละเอียด

 

ส่วน หน้าอื่นๆ ที่ไม่เกี่ยวกับ Category สามารถ RUN เลขได้อีกแบบ โดยระบุ ตัวอักษร ภาษาอังกฤษ ที่ 3 Digit สุดท้ายได้เช่นกัน

เช่น รีวิว สินค้า Hair Spray ที่กล่าวมาแล้ว ในหน้า  www.ecommerce.com/cat-fashion-hairspraysmooth-wax/

0010010000000rv = www.ecommerce.com/reviews/fashion-hairspray/

เราจะใส่ Cat ID เพียง 2 Level แรก เพื่อให้เข้าใจคร่าวๆ ว่า Reviews สินค้า อยู่ในหมวดหลักๆ ตรงจุดไหน

 

แหล่งที่มา
www.designisthenorm.com/dewey-decimal-classification-system/
bpeck.com/references/DDC/ddc.htm

 

 

เว็บไซต์ แบบ แนวโรงงาน – การออกแบบ Web Design สำหรับโรงงาน

การออกแบบเว็บไซต์ ที่เหมาะสมกับการนำไปใช้ในธุรกิจโรงงานอุตสาหกรรม ดูดี มีมาตรฐาน เพื่อความน่าเชื่อถือที่สูง
เว็บที่ออกแบบแนวโรงงาน ต้องดี ใหญ่ หนักแน่น ชัดเจน ไม่อ้อมค้อม
ผู้ Deal งาน ใช้ความจริงจัง

เนื่องจาก ฝ่ายจัดซื้อ ของลูกค้าเรา เขาเลือกเว็บที่ดูน่าเชื่อถือกว่า

การเอาของหลักล้านๆ ธุรกิจพันล้าน ไปถ่ายรูปลงเล่นๆ ใน FACEBOOK แฟนเพจ ถือว่าไม่มีความเป็นมืออาชีพ กลายเป็นธุรกิจในครัวเรือน ยิ่งดูแล้ว จะน่าเชื่อถือในสายตาลูกค้าหรือเปล่า?

การออกแบบเว็บไซต์ สำหรับโรงงานอุตสาหกรรม เป็นเรื่องที่ละเอียดอ่อน ทั้งด้านความสวยงาม ที่ไม่ หวือหวาจนเกินไป
และอีกสิ่งที่สำคัญ การเข้าถึงข้อมูล หรือหน้า HOME PAGE ที่เป็น Company Profile ต้องดูเหมือนผู้เชี่ยวชาญ ดูยิ่งใหญ่ เป็นที่ยอมรับในระดับสากล

http://www.djavaweb.com/selector.php?theme=billio
http://www.templatemonster.com/demo/52551.html
http://www.templatemonster.com/demo/52707.html
http://themeforest.net/item/industriple-multi-industrial-wordpress-theme/full_screen_preview/12142283?ref=freshdesignweb
http://themeforest.net/item/enhenyero-engineeringindustrial-wordpress-theme/full_screen_preview/11720776?ref=freshdesignweb
http://www.templatemonster.com/demo/54938.html
http://themeforest.net/item/bizspeak-responsive-industrial-wp-theme/full_screen_preview/12816780?ref=freshdesignweb
http://themeforest.net/item/factory-industrial-business-wordpress-theme/full_screen_preview/14026307?ref=freshdesignweb

การทำเว็บ ออกแบบ ที่ดี ใช้งานได้ดีกว่า ด้วย UX/UI

วันนี้บังเอิญไปพบเว็บอันหนึ่ง ที่เกี่ยวกับการแต่งรถ และทำออกมา ดูไม่รู้เรื่อง ค้นหาใน Google เจอแต่พอกดไปแล้ว ก็ไม่รู้ไปพบอะไร ระเกะระกะ การจัดวาง เละเทะตุ้ทเป๊ะ คุณเคยเจออย่างผมไหมครับ 

เข้าไปในเว็บ เหมือนจะเจอสิ่งที่เราต้องการจะค้นหาแล้ว แต่สุดท้าย ก็หาอะไรไม่เจอเลยในเว็บนั้น แถมประดับไปด้วย ภาพยุบยับ เต็มไปหมด เนื้อหา กวาดสายตา ไม่เข้าใจ ไม่รู้อะไรซ่อนอยู่ตรงไหน 
นี่คือปัญหา ของเจ้าของ กิจการ ที่ไม่เข้าใจเรื่องงานออกแบบเว็บไซต์ หรือ UX/UI ด้วยเหตุนี้ ทำให้เขาสูญเสียโอกาส ที่จะได้ลูกค้าหน้าใหม่ๆ เพิ่มเติม และ ยากที่จะเก็บลูกค้าเก่าๆ ที่จะกลับมาหาเนื้อหาใหม่ๆ หรือข้อเสนออื่นๆอีก 

 

เพราะมันไม่เตะตา ไม่ติดใจ จำเนื้อหาได้ยาก เข้าถึงส่วนต่างๆ ได้ยากมากนั่นเอง 

ตัวอย่างที่ 1

example-ux-01
www.precisiontune.com

ตัวอย่างที่ 2

example-ux-02
www.tiresplus.com

ตัวอย่างที่ 3

example-ux-03
www.firestonecompleteautocare.com

ตัวอย่างที่ 4

example-ux-04
www.trrheaderturbo.com