เคล็ดลับในการทำให้บล็อกของคุณเป็นมิตรกับมือถือมากขึ้น

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

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

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

การทดสอบความเป็นมิตรกับมือถือ

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

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

สำหรับผู้ที่ใช้ซอฟต์แวร์การจัดการเนื้อหา (CMS) เพื่อเรียกใช้บล็อกของตน เช่น WordPress, Joomla!, Drupal, Blogger, Tumblr, Google Sites, Bitrix เป็นต้น การปรับแต่งไม่ควรเป็นปัญหา เนื่องจากระบบซอฟต์แวร์ส่วนใหญ่เหล่านี้ เสนอเครื่องมือที่จะทำให้เว็บไซต์ของคุณเหมาะกับอุปกรณ์เคลื่อนที่โดยอัตโนมัติ แต่ถ้าคุณใช้โปรแกรม CMS เพื่อสร้างเว็บไซต์แบบเดิมๆ หรือหากคุณเคยใช้ CMS แล้ว แต่เว็บไซต์ของคุณก็ยังไม่ถึงมาตรฐานของมือถือ ต่อไปนี้คือเคล็ดลับบางประการในการปรับปรุง ความเป็นมิตรกับมือถือของไซต์ของคุณ

1. อัปเดต CMS เป็นเวอร์ชันล่าสุดและใช้ธีมสำหรับมือถือ

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

2. ใช้หัวข้อย่อย

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

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

3. เลือกขนาดที่เหมาะสมกับภาพ

บล็อกเกอร์มักจะเลือกขนาดของรูปภาพที่จะใช้ในโพสต์บล็อกของตนตามขนาดหน้าจอคอมพิวเตอร์ปกติ แต่เมื่อดูโพสต์บนบล็อกบนหน้าจอที่เล็กกว่า เช่นโทรศัพท์มือถือ รูปภาพต่างๆ มักจะจบลง ถึงขนาดเท่ากัน หมายความว่าผู้ใช้อุปกรณ์พกพาไม่เห็นภาพในสัดส่วนที่เหมาะสม ดังนั้น ให้สร้างรูปภาพของคุณเพื่อไม่ให้มีขนาดที่เล็กกว่าเท่านั้น โดยปกติแล้วรูปภาพที่ต่ำกว่า 1500 x 2500 พิกเซลจะดีที่สุด แต่ยังมีขนาดเล็กกว่าด้วย – แนะนำให้ต่ำกว่า 500 KB นอกจากการมีรูปภาพที่เหมาะกับอุปกรณ์พกพาแล้ว การลดขนาดไฟล์ของรูปภาพยังช่วยให้ผู้ใช้โหลดหน้าได้เร็วขึ้น เนื่องจากรูปภาพขนาดเล็กใช้ข้อมูลในการโหลดน้อยลง

ในการทำให้รูปภาพของคุณเล็กลงคือขนาดและขนาดของไฟล์ ให้ใช้โปรแกรมแก้ไขรูปภาพที่คุณมีอยู่แล้ว เพราะคุณไม่จำเป็นต้องใช้ Photoshop เพื่อทำสิ่งนี้ เราขอแนะนำให้ใช้ JPEGmini หรือ Pixlr เพราะด้วยโปรแกรมแก้ไขภาพเหล่านี้ คุณสามารถลดขนาดภาพของคุณโดยไม่ลดทอนคุณภาพของภาพ

4. ใช้การออกแบบที่ตอบสนอง

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

ตัวอย่างเช่น Foundation 3 , Skeleton และ Bootstrap กรอบงานเหล่านี้จะปรับบล็อกของคุณโดยอัตโนมัติ ดังนั้นจึงอ่านได้ง่ายบนอุปกรณ์ทุกชนิด การใช้สิ่งเหล่านี้ง่ายกว่าการเข้ารหัสทุกชุดที่เป็นไปได้ด้วยตัวเอง แน่นอน คุณสามารถทำเช่นนี้ได้โดยใช้หน่วยความยาวสัมพัทธ์ใหม่ของ CSS3 เช่น ความกว้างของวิวพอร์ต (vw) ความสูงของวิวพอร์ต (vh) ความสูงและความกว้างขั้นต่ำของวิวพอร์ต (vmin) และความสูงและความกว้างสูงสุดของวิวพอร์ต (vmax) อย่างไรก็ตาม การเขียนโปรแกรมต้องใช้ทักษะและเวลา และหากคุณไม่มีโปรแกรมเมอร์ที่มีประสบการณ์ ผมขอแนะนำให้ใช้ตัวเลือกเดิม

5. ใช้การออกแบบที่เรียบง่าย

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

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

6. ใช้แบบอักษรมาตรฐาน

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

ดังนั้นให้เลือกแบบอักษรดั้งเดิม เช่น Times New Roman, Verdana, Comic Sans MS, WildWest หรือ Bedrock และตรวจสอบความสามารถในการอ่านของแบบอักษรที่คุณเลือกใช้ เพื่อให้แน่ใจว่าข้อความจะไม่อ่านไม่ได้เมื่อดูบนหน้าจอขนาดเล็กของสมาร์ทโฟน หลักการทั่วไปคือ ข้อความบนเว็บไซต์ควรมีขนาดอย่างน้อย 14 พิกเซล เนื่องจากวิธีนี้จะทำให้ข้อความมีขนาดใหญ่พอที่จะอ่านได้ง่าย แม้ว่าคุณจะใช้อุปกรณ์เคลื่อนที่ที่มีหน้าจอขนาดเล็กมาก

7. ลดขนาดเนื้อหาต่อหน้า

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

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

8. ใช้วิดีโอ YouTube

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

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

9. แทนที่ลิงก์ด้วยปุ่มและเมนูที่แตะได้

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

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

10. ทำการทดสอบต่อไป

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

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

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