10 ข้อเสนอแนะในการปรับปรุงการออกแบบบล็อกการเดินทางของคุณ

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

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

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

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

ฉันทำงานเป็นนักออกแบบส่วนต่อประสานผู้ใช้อิสระมานานกว่า 10 ปีแล้วและเมื่อเร็ว ๆ นี้ฉันได้ทำการทดลองกับการออกแบบบล็อกการเดินทางของฉันเอง Bucketlistly.blog และเรียนรู้มากมายเกี่ยวกับวิธีการสร้างประสบการณ์การอ่านที่ยอดเยี่ยม

☞ดูเพิ่มเติม: งานเดินทาง – รายการงาน 101 งานที่คุณสามารถทำได้จากระยะไกล

วันนี้ฉันจะแบ่งปันคำแนะนำการออกแบบที่จำเป็น 10 อันดับแรกกับคุณที่คุณสามารถสมัครเพื่อปรับปรุงประสบการณ์การอ่านของบล็อกการเดินทางของคุณ

1. ทำให้การนำทางของคุณง่ายขึ้น

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

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

ต้องการเรียนรู้วิธีเริ่มบล็อกการเดินทางหรือไม่? เราสามารถแสดงให้คุณเห็นว่าในเวลาเพียงไม่กี่นาทีและเพื่อให้คุณเริ่มต้นเราจะส่งหลักสูตรวิดีโอบล็อกเกอร์เริ่มต้น 4 ส่วนของเราและ ebook บล็อก 200 หน้าของเราฟรี! คลิกที่นี่เพื่อเรียนรู้เพิ่มเติม

2. เค้าโครงที่เน้นเนื้อหา

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

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

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

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

3. เพิ่มประสิทธิภาพภาพ

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

คุณสามารถเพิ่มประสิทธิภาพภาพของคุณผ่านบริการของบุคคลที่สามเช่น Tinypng หรือ Optimizilla ก่อนที่คุณจะส่งหรือทำด้วยตนเองด้วย Adobe Photoshop หากคุณต้องการควบคุมการตั้งค่ามากขึ้น การตั้งค่าที่เหมาะสมที่สุดที่ฉันพบคือการแปลงรูปภาพเป็น JPEG ด้วยคุณภาพ 60% คุณภาพอาจแตกต่างกันไปขึ้นอยู่กับประเภทของภาพถ่ายที่คุณมีดังนั้นจึงรู้สึกอิสระที่จะลองใช้หมายเลข

4. ขี้เกียจโหลดทุกอย่าง

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

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

ในการดำเนินการสิ่งนี้ในบล็อกการเดินทางของคุณคุณจะต้องมีทักษะการพัฒนา JavaScript เล็กน้อยหรือนักพัฒนาเว็บเพื่อช่วยคุณ ปลั๊กอินที่ฉันอยากจะแนะนำคือสคริปต์ Lazy Load ของ Verlok ซึ่งใช้งานง่ายน้ำหนักเบาและทรงพลัง

☞ดูเพิ่มเติม: 10 ปลั๊กอิน WordPress ฟรีทุกบล็อกการเดินทางควรมี

คุณสามารถก้าวไปอีกขั้นเหมือนที่ฉันทำกับบล็อก Bucketlistly โดยการรวม Lazy Load เข้ากับภาพตัวยึดตัวยึดขนาดเล็กและแอตทริบิวต์“ SRCSET”

นี่คือวิธีการทำงาน: คุณจะต้องใช้ภาพเดียวกัน 3 เวอร์ชันหนึ่งภาพสำหรับตัวยึดตำแหน่ง (กว้าง 20 พิกเซลที่มีคุณภาพ 20%) หนึ่งภาพสำหรับรุ่นมือถือ (กว้าง 500 พิกเซลที่มีคุณภาพ 60%) และภาพถ่ายต้นฉบับ

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

5. เข้าถึงปุ่มค้นหาได้ง่าย

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

บ่อยครั้งที่พวกเขาจะมองหามันที่แถบการนำทางของคุณและหากพวกเขาไม่สามารถหาปุ่มค้นหาได้

6. ปรับปรุงการถ่ายภาพของคุณ

ฉันใช้สิ่งนี้เมื่อฉันปีนเขาเส้นทาง Balcon Sud ในเทือกเขาแอลป์ฝรั่งเศส

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

ภาพถ่ายที่เบลอและคุณภาพต่ำอาจให้ความประทับใจว่าเนื้อหาของคุณมีคุณภาพต่ำดังนั้นอย่าปล่อยให้มันขัดขวางการเล่าเรื่องของคุณ

7. อย่าเสียสละออกแบบการตลาด

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

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

8. เก็บฟอนต์แฟนซีให้น้อยที่สุด

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

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

9. จัดโครงสร้างเนื้อหาของคุณอย่างสม่ำเสมอ

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

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

หากคุณรู้ว่า HTML บางแนวทางที่ดีของนิ้วหัวแม่มือคือการใช้ฉลาก H1 เป็นชื่อ H2 เป็นคำบรรยาย H3 เป็นพาดหัว H4 เป็นหัวย่อยและ P สำหรับย่อหน้า

10. จำกัด เนื้อหาลอยตัว

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

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

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

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

ชอบบทความนี้? ขามัน!

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