เทคนิค SEO บนมือถือ

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

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

การอัปเดตล่าสุดของ Google ทำให้จำเป็นต้องมีเว็บไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่เพื่อให้มีประสิทธิภาพในเครื่องมือค้นหาบนมือถือ โปรดทราบว่าเว็บไซต์ที่ไม่เหมาะกับอุปกรณ์เคลื่อนที่จะไม่ส่งผลกระทบใด ๆ ต่อเครื่องมือค้นหาปกติเช่นกัน

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

Mobile SEO คืออะไร?

Mobile Search Engine Optimization เป็นกระบวนการออกแบบเว็บไซต์เพื่อให้เหมาะสำหรับการดูบนอุปกรณ์มือถือที่มีขนาดหน้าจอต่างกันที่มีแบนด์วิดท์ต่ำ นอกเหนือจากการปฏิบัติตามกฎ SEO ทั้งหมดที่ใช้กับเว็บไซต์บนเดสก์ท็อปแล้วเรายังต้องดูแลเพิ่มเติมในขณะที่ออกแบบเว็บไซต์สำหรับอุปกรณ์เคลื่อนที่ เว็บไซต์เหมาะกับอุปกรณ์เคลื่อนที่หากมีคุณสมบัติดังต่อไปนี้ -

  • เว็บไซต์บนอุปกรณ์เคลื่อนที่ที่ดีมีการออกแบบที่ตอบสนองซึ่งทำงานได้ดีทั้งบนเดสก์ท็อปและอุปกรณ์เคลื่อนที่ ไม่เพียง แต่ช่วยลดการบำรุงรักษาเว็บไซต์ แต่ยังทำให้เนื้อหาสอดคล้องกับเครื่องมือค้นหาอีกด้วย

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

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

  • เว็บไซต์บนมือถือที่ดีมีน้ำหนักเบาซึ่งใช้แบนด์วิดท์และเวลาในการโหลดบนเครือข่ายมือถือน้อยลง

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

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

เพิ่มประสิทธิภาพไซต์ของคุณสำหรับมือถือ

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

Step 1 - เลือกการกำหนดค่ามือถือ

Step 2 - แจ้งเครื่องมือค้นหา

Step 3 - หลีกเลี่ยงข้อผิดพลาดทั่วไป

เลือกการกำหนดค่ามือถือ

มีการกำหนดค่ามือถือที่แตกต่างกันสามแบบที่คุณสามารถเลือกได้ -

Step 1 - การออกแบบเว็บไซต์ที่ตอบสนอง

Step 2 - การให้บริการแบบไดนามิก

Step 3 - แยก URL

แต่ละคนมีข้อดีและข้อเสียของตัวเอง Google ขอแนะนำการออกแบบที่ตอบสนอง แต่รองรับการกำหนดค่าทั้งสามแบบ ตารางต่อไปนี้แสดงให้เห็นว่าการกำหนดค่าอุปกรณ์เคลื่อนที่ส่งผลต่อ URL และโค้ด HTML ของคุณอย่างไร -

การกำหนดค่ามือถือ URL HTML
การออกแบบเว็บไซต์ที่ตอบสนอง ยังคงเหมือนเดิม ยังคงเหมือนเดิม
การแสดงผลแบบไดนามิก ยังคงเหมือนเดิม HTML ที่แตกต่างกัน
แยก URL URL ที่แตกต่างกัน HTML ที่แตกต่างกัน

การออกแบบเว็บไซต์ที่ตอบสนอง

Google แนะนำการออกแบบเว็บที่ตอบสนองตามอุปกรณ์เนื่องจากเป็นการกำหนดค่าอุปกรณ์เคลื่อนที่ที่ง่ายที่สุดและใช้งานง่ายมาก ให้บริการโค้ด HTML เดียวกันใน URL เดียวกัน แต่จะปรับการแสดงผลตามขนาดหน้าจอของอุปกรณ์เคลื่อนที่

การแสดงผลแบบไดนามิก

การแสดงผลแบบไดนามิกคือการกำหนดค่าอุปกรณ์เคลื่อนที่ประเภทหนึ่งโดยที่ URL ของเว็บไซต์ของคุณยังคงไม่เปลี่ยนแปลง แต่จะแสดงเนื้อหา HTML ที่แตกต่างกันเมื่อเข้าถึงจากอุปกรณ์เคลื่อนที่

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

แยก URL

เมื่อคุณรักษา URL ที่แตกต่างกันสองรายการ - URL หนึ่งสำหรับผู้ใช้อุปกรณ์เคลื่อนที่และอีกรายการสำหรับผู้ใช้เดสก์ท็อปโปรดแจ้ง Google อย่างชัดเจนว่าจะให้บริการเวอร์ชันใด Google ไม่แนะนำให้ใช้ URL แยกต่างหากเนื่องจากสามารถตรวจจับได้โดยอัตโนมัติว่าหน้าเว็บบนอุปกรณ์เคลื่อนที่ของคุณแตกต่างจากหน้าเดสก์ท็อปของคุณ

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

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

แจ้งเครื่องมือค้นหา

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

ในกรณีที่ไซต์ของคุณมีไฟล์ responsive design,อัลกอริทึมของ Google สามารถเข้าใจได้โดยอัตโนมัติโดยที่คุณไม่ต้องแจ้ง Google เมื่อคุณมีการออกแบบที่ตอบสนองเพียงตรวจสอบให้แน่ใจว่าคุณมีเมตาแท็กต่อไปนี้ในส่วนหัวของหน้าเว็บ -

<meta name="viewport" content="width=device-width, initial-scale=1.0">

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

หากเว็บไซต์ของคุณเป็น dynamically served, ตรวจสอบให้แน่ใจว่าคุณอนุญาตให้ Google ตรวจจับการกำหนดค่าของคุณโดยใช้ส่วนหัว Vary HTTP -

Vary: User-Agent

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

ในกรณีที่คุณรักษา separate URLs, เช่น, example.com และ m.example.com, จากนั้นคุณสามารถแจ้ง Google ได้โดยเพิ่มรายการพิเศษ link rel=alternate แท็กในเวอร์ชันเดสก์ท็อปของคุณและในทางกลับกันดังนี้

Desktop page should have following in its header:
&ltlink rel="alternate" media="only screen and (max-width: 640px)"
href="http://m.example.com" >
Mobile page should have following in its header:
<link rel="canonical" href="http://www.example.com" >

หลีกเลี่ยงข้อผิดพลาดทั่วไป

ในการเพิ่มประสิทธิภาพเว็บไซต์ของคุณสำหรับอุปกรณ์เคลื่อนที่โปรดหลีกเลี่ยงการกระทำผิดต่อไปนี้ -

  • Slow Mobile Pages- เครือข่ายมือถือช้ากว่าเมื่อเทียบกับเครือข่ายอินเทอร์เน็ตแบบใช้สายดังนั้นจึงควรคำนึงถึงความเร็วในการโหลดหน้าเว็บบนอุปกรณ์เคลื่อนที่ของคุณ เป็นปัจจัยสำคัญอันดับต้น ๆ ของ Google ใช้เครื่องมือ SEO บนมือถือเพื่อค้นหาความเร็วหน้าเว็บบนมือถือของคุณ Google มีเครื่องมือดีๆมากมายที่คุณสามารถใช้ได้ เรียกดูลิงค์ต่อไปนี้ -https://www.google.com/webmasters/tools/mobile-friendly/

  • Don't Block CSS and JavaScript- Google แนะนำให้ใช้ CSS และ Javascript แบบอินไลน์สำหรับเว็บไซต์ที่เหมาะกับอุปกรณ์เคลื่อนที่เพื่อให้สามารถดาวน์โหลดพร้อมกับเนื้อหาได้ ดังนั้นหากคุณไม่มี CSS มากนักให้ลองปรับแต่งภายในแท็กนั้นเอง แต่ถ้าคุณใช้ CSS จำนวนมากในไฟล์แยกกันให้ลองรวมไว้ที่ด้านล่างซึ่งจะหยุดบล็อกเนื้อหาอื่น ๆ ที่กำลังดาวน์โหลด กฎเดียวกันนี้ใช้กับ Javascript ซึ่งสามารถเก็บไว้ในหน้าหรือรวมไว้ที่ด้านล่างของหน้า หากคุณสามารถหลีกเลี่ยงการรวมไฟล์ไว้ที่ด้านบนของหน้าให้ใช้ไฟล์async แอตทริบิวต์ในขณะที่รวมไว้

<script async type="text/javascript" src="jquery.js"></script>
  • Mobile Redirects- เนื่องจากปกติแล้วเครือข่ายมือถือจะทำงานช้าการเปลี่ยนเส้นทางมากเกินไปอาจส่งผลต่อความเร็วหน้าเว็บของคุณ หากคุณกำลังดูแล URL หลายรายการตรวจสอบให้แน่ใจว่าลิงก์ทั้งหมดของคุณชี้ไปที่หน้าที่เกี่ยวข้อง ในกรณีที่คุณมี URL หลายรายการและคุณจำได้ว่าผู้ใช้กำลังเยี่ยมชมหน้าเดสก์ท็อปจากอุปกรณ์เคลื่อนที่และคุณมีหน้าเว็บสำหรับอุปกรณ์เคลื่อนที่ที่เทียบเท่ากันใน URL อื่นจากนั้นเปลี่ยนเส้นทางผู้ใช้ไปยัง URL นั้นแทนที่จะแสดงข้อผิดพลาด 404

  • Heavy Images- ภาพที่มีขนาดใหญ่จะเพิ่มเวลาในการโหลด แต่เราไม่สามารถกำจัดได้ทั้งหมดเนื่องจากมีประโยชน์และมีประสิทธิภาพ ดังนั้นคุณควรรักษาสมดุลระหว่างข้อความและรูปภาพขนาดใหญ่ ใช้เครื่องมือที่ดีเพื่อปรับแต่งรูปภาพของคุณให้เหมาะสมและบันทึกด้วยความละเอียดต่ำเพื่อหลีกเลี่ยงการดาวน์โหลดจำนวนมาก

  • Avoid plug-ins and pop-ups- ปลั๊กอินเช่น Flash และ Java อาจไม่มีในอุปกรณ์มือถือของผู้ใช้ ตรวจสอบให้แน่ใจเสมอว่าคุณไม่มีเนื้อหาที่เล่นไม่ได้บนหน้ามือถือของคุณ หลีกเลี่ยงการใช้ป๊อปอัปบนหน้าเว็บบนอุปกรณ์เคลื่อนที่เนื่องจากการปิดป๊อปอัปเหล่านี้บนอุปกรณ์เคลื่อนที่ค่อนข้างยุ่งยาก

ในขณะที่สร้างเพจบนอุปกรณ์เคลื่อนที่โปรดทราบว่าผู้ใช้มีพื้นที่ จำกัด ในการทำงาน ดังนั้นคุณต้องกระชับให้มากที่สุดในขณะที่สร้างชื่อ URL และคำอธิบายเมตา - แน่นอนโดยไม่กระทบต่อสาระสำคัญหรือคุณภาพของข้อมูล

เครื่องมือที่มีประโยชน์

นี่คือรายการเครื่องมือที่มีประโยชน์บางอย่างที่คุณสามารถใช้เพื่อดูว่าไซต์ของคุณเหมาะกับอุปกรณ์เคลื่อนที่เพียงใด -

  • Google Webmaster Tools - ใช้เครื่องมือและเทคนิคของ Google ที่มีอยู่เพื่อทำความเข้าใจสิ่งที่ควรใช้และสิ่งที่ควรหลีกเลี่ยงขณะออกแบบเดสก์ท็อปและเว็บไซต์บนอุปกรณ์เคลื่อนที่

  • Mobile Emulator - ช่วยให้คุณเห็นว่าไซต์ของคุณปรากฏบนโทรศัพท์มือถือหลากหลายประเภทอย่างไร

  • Moz Local - ใช้เครื่องมือนี้เพื่อให้แน่ใจว่า SEO ในพื้นที่ของคุณเป็นไปตามลำดับ

  • Responsive Web Design Testing Tool - ใช้เครื่องมือนี้เพื่อดูว่าไซต์ที่ตอบสนองของคุณมีลักษณะเป็นอย่างไรบนอุปกรณ์เคลื่อนที่หลายประเภทที่มีขนาดหน้าจอมาตรฐานต่างกัน

  • Screaming Frog - นี่เป็นเครื่องมือที่มีประโยชน์ที่ช่วยให้คุณวิเคราะห์ไซต์ของคุณและตรวจสอบการเปลี่ยนเส้นทางทั้งหมดอีกครั้ง

  • User Agent Switcher - นี่คือส่วนเสริมของ Firefox ที่คุณสามารถใช้เพื่อค้นหาว่าไซต์ของคุณมีลักษณะอย่างไรเมื่อเข้าถึงจากตัวแทนผู้ใช้รายอื่น