• การแปล
• โหมดการกู้คืน

Ekaterina Malakhova บรรณาธิการอิสระ ดัดแปลงบทความโดย Beau Carnes เกี่ยวกับโครงสร้างข้อมูลประเภทหลักโดยเฉพาะสำหรับบล็อก Netology

“โปรแกรมเมอร์ที่ไม่ดีมักคิดถึงโค้ด โปรแกรมเมอร์ที่ดีคิดถึงโครงสร้างข้อมูลและความสัมพันธ์ของพวกเขา" - Linus Torvalds ผู้สร้าง Linux

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

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

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

รายการที่เชื่อมโยง

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

นี่คือวิธีการทำงานของรายการที่เชื่อมโยง

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

การดำเนินการพื้นฐานในรายการที่เชื่อมโยงได้แก่ การเพิ่ม การลบ และการค้นหาองค์ประกอบในรายการ

ความซับซ้อนของเวลาของรายการที่เชื่อมโยง ╗ ║ อัลกอริธึม ║เฉลี่ย ║ กรณีที่แย่ที่สุด ║ ╠٠٠١٤ หลอมรวม ╬ระบายสี O(1) ║ O(1) ║ ║ ลบ ║ O (1) ║ O(1) ║ ╚ระบายสี ٢٠١٠٤٤٣٣٠ ٢٠٠٠٠٠١٤٠٠١٤٢١٤٤٤٤٤٤

แบบฝึกหัดจาก freeCodeCamp

สแต็ค

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

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

นี่คือวิธีการทำงานของสแต็ก

สแต็คสามารถดำเนินการได้ 3 อย่าง ได้แก่ การเพิ่มองค์ประกอบ (พุช) การลบองค์ประกอบ (ป๊อป) และการแสดงเนื้อหาของสแต็ก (pip)

ความซับซ้อนของเวลาสแต็ก ║ ║ อัลกอริธึม ║ ค่าเฉลี่ย ║ กรณีที่แย่ที่สุด ║ ╠۞۞۞۞۞۞۞۞۞۞۞ 4 ╬ฟอลส์ออปชั่น ║ O(n) ║ O(n) ║ ║ ค้นหา ║ O(n) ║ O(n) ║ ║ ใส่ ║ O(1 ) ║ O(1) ║ ║ ลบ ║ O( 1) ║ O(1) ║ ╚۞۞۞۞۞۞۞ ╩หลอมเหลว

แบบฝึกหัดจาก freeCodeCamp

คิว

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

นี่คือวิธีการทำงานของคิว

การจัดคิวเป็นไปตามหลัก FIFO (First In First Out) ซึ่งหมายความว่าคุณสามารถลบองค์ประกอบได้หลังจากลบองค์ประกอบที่เพิ่มไว้ก่อนหน้านี้ทั้งหมดแล้วเท่านั้น

คิวช่วยให้คุณสามารถดำเนินการพื้นฐานได้ 2 ประการ: การเพิ่มองค์ประกอบที่ส่วนท้ายของคิว ( เข้าคิว) และลบองค์ประกอบแรก ( หมดคิว).

ความซับซ้อนของเวลาคิว ║Algorithm ║Average value ║ case Worst case ║ ╠۪۞۞۞۞۞۞۞۞۞۞۞ 4 ╬ฟอลส์ออปชั่น ║ O(n) ║ O(n) ║ ║ ค้นหา ║ O(n) ║ O(n) ║ ║ ใส่ ║ O(1 ) ║ O(1) ║ ║ ลบ ║ O( 1) ║ O(1) ║ ╚۞۞۞۞۞۞۞ ╩หลอมเหลว

แบบฝึกหัดจาก freeCodeCamp

ชุด

หน้าตาเป็นแบบนี้เยอะมาก

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

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

ตัวอย่างการใช้งานใน JavaScript

แบบฝึกหัดจาก freeCodeCamp

แผนที่

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

• เพิ่มคู่ในคอลเลกชัน
• ลบคู่ออกจากคอลเลกชัน
• เปลี่ยนคู่ที่มีอยู่
• ค้นหาค่าที่เกี่ยวข้องกับคีย์เฉพาะ

นี่คือวิธีการทำงานของโครงสร้างแผนที่

แบบฝึกหัดจาก freeCodeCamp

ตารางแฮช

นี่คือการทำงานของตารางแฮชและฟังก์ชันแฮช

ตารางแฮชเป็นโครงสร้างคล้ายแผนที่ที่มีคู่คีย์/ค่า ใช้ฟังก์ชันแฮชเพื่อคำนวณดัชนีลงในอาร์เรย์ของบล็อกข้อมูลเพื่อค้นหาค่าที่ต้องการ

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

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

ความซับซ้อนของเวลาของตารางแฮช ۞۞۞۞۞۞۞۞۞۞ หลอมรวม ║ ║ ช่องว่าง ║ O(n) ║ O(n) ║ ║ ค้นหา ║ O(1) ║ O(n) ║ ║ ใส่ ║ O(1) ║ O(n) ║ ║ ลบ ║ O(1) ║ O(n) ║ ╚ระบายสี ระบายสี ระบายสี ระบายสี ระบายสี ระบายสี ระบายสี ระบายสี ระบายสี

แบบฝึกหัดจาก freeCodeCamp

ต้นไม้ค้นหาแบบไบนารี

ต้นไม้ค้นหาแบบไบนารี

ต้นไม้เป็นโครงสร้างข้อมูลที่ประกอบด้วยโหนด มันมีคุณสมบัติดังต่อไปนี้:

• ต้นไม้ทุกต้นมีโหนดราก (บนสุด)
• โหนดรูทมีโหนดย่อยเป็นศูนย์หรือมากกว่า
• แต่ละโหนดย่อยมีโหนดย่อยตั้งแต่ศูนย์ขึ้นไป เป็นต้น

แผนผังการค้นหาแบบไบนารีมีคุณสมบัติเพิ่มเติมสองประการ:

• แต่ละโหนดมีโหนดย่อยได้สูงสุดสองโหนด (สืบทอด)
• แต่ละโหนดมีขนาดเล็กกว่าลูกทางด้านขวา และลูกทางด้านซ้ายจะเล็กกว่าตัวมันเอง

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

ความซับซ้อนของเวลาของแผนผังการค้นหาแบบทวิภาค ╗ ║ อัลกอริธึม ║ค่าเฉลี่ย ║กรณีที่แย่ที่สุด ║ ╠۞۞۞۞۞۞۞۞۞۞۞ หลอมรวม ╬۞۞۞۞۞۞۞۞۞۞۞۞۞۞۞۞۞۞۞۞۞۞۞۞۞۞۞۞۞۞ ║ O(log n) ║ O(n) ║ ║ ลบ ║ O(log n) ║ O(n) ║ ╚ระบายสี ระบายสี ระบายสี ระบายสี ระบายสี ระบายสี ระบายสี ระบายสี ระบายสี

แบบฝึกหัดจาก freeCodeCamp

ต้นไม้คำนำหน้า

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

นี่คือวิธีการทำงานของแผนผังคำนำหน้า

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

ดูภาพประกอบแล้วลองแต่งคำดู เริ่มต้นด้วยโหนดรูทที่ด้านบนเสมอและค่อยๆ ไล่ลงมา ต้นไม้นี้มีคำต่อไปนี้: ลูกบอล, ไม้ตี, ตุ๊กตา, ทำ, ดอก, หอพัก, ส่ง, ความรู้สึก

แบบฝึกหัดจาก freeCodeCamp

ฮีปไบนารี

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

นี่คือวิธีการทำงานของฮีปขั้นต่ำและสูงสุด

ฮีปไบนารีอาจเป็นค่าต่ำสุดหรือสูงสุดก็ได้ ในฮีปสูงสุด คีย์ของโหนดใดๆ ก็ตามจะมากกว่าหรือเท่ากับคีย์ของโหนดย่อยเสมอ ในฮีปขั้นต่ำ ทุกอย่างทำงานในทางตรงกันข้าม: คีย์ของโหนดใดๆ มีค่าน้อยกว่าหรือเท่ากับคีย์ของโหนดที่สืบทอด

ลำดับของระดับในฮีปไบนารีมีความสำคัญ ตรงข้ามกับลำดับของโหนดภายในระดับเดียวกัน ภาพประกอบแสดงให้เห็นว่าในฮีปขั้นต่ำที่ระดับที่สาม ค่าไม่เรียงลำดับ: 10, 6 และ 12

ความซับซ้อนของเวลาของไบนารีฮีป ╠۞۞۞۞۞۞۞۞۞۞۞۞ หลอมรวม ║ ║ ช่องว่าง ║ O(n) ║ O(n) ║ ║ ค้นหา ║ O(n) ║ O(n) ║ ║ ใส่ ║ O(1) ║ O(log n) ║ ║ ลบ ║ O(log n) ║ O(log n) ║ ║ Peek ║ O(1) ║ O(1) ║ ╚پ۞۞۞۞۞۞۞۞۞۞ ระบายสี ระบายสี ระบายสี ระบายสี ระบายสี ระบายสี ระบายสี ระบายสี

แบบฝึกหัดจาก freeCodeCamp

กราฟ

กราฟคือกลุ่มของโหนด (จุดยอด) และการเชื่อมต่อระหว่างจุดเหล่านั้น (ขอบ) พวกเขาจะเรียกว่าเครือข่าย

กราฟแบ่งออกเป็นสองประเภทหลัก: แบบมีทิศทางและแบบไม่มีทิศทาง ในกราฟที่ไม่มีทิศทาง ขอบระหว่างโหนดจะไม่มีทิศทางใดๆ ในขณะที่ขอบในกราฟที่มีทิศทางจะมี

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

กราฟเป็นเมทริกซ์คำคุณศัพท์

รายการ adjacency สามารถมองได้ว่าเป็นรายการขององค์ประกอบ โดยมีโหนดหนึ่งทางด้านซ้ายและโหนดอื่นๆ ทั้งหมดที่เชื่อมต่ออยู่ทางด้านขวา

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

มีอัลกอริธึมพิเศษสำหรับการดูขอบและจุดยอดในกราฟ - ที่เรียกว่าอัลกอริธึมการเคลื่อนที่ ประเภทหลัก ได้แก่ การค้นหาแบบกว้างก่อน ( การค้นหาแบบกว้างก่อน) และเชิงลึก ( การค้นหาเชิงลึกก่อน- หรือสามารถใช้เพื่อกำหนดว่าจุดยอดบางจุดของกราฟอยู่ใกล้กับโหนดรูทเพียงใด วิดีโอด้านล่างแสดงวิธีการค้นหาแบบกว้างก่อนใน JavaScript

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

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

แนวคิดเรื่องโครงสร้างของไซต์

แนวคิดเรื่องโครงสร้างทรัพยากรคือระบบการจัดเรียงที่อยู่ตามแผนภาพที่ถูกต้องและถูกต้อง โดยพื้นฐานแล้วมันคล้ายกับระบบไฟล์ของคอมพิวเตอร์โดยที่แต่ละโฟลเดอร์จะถูกบรรจุแยกกัน

เพื่อความเข้าใจที่ดีขึ้นจึงแบ่งออกเป็นส่วนต่างๆ ดังต่อไปนี้:

• ฉันอยู่ที่ไหนหรือทางเข้า
• ฉันจะไปที่ไหนต่อไป?
• หมวดหมู่ที่เกี่ยวข้อง

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

โครงสร้างไซต์ในรูปแบบของไดอะแกรม: ข้อกำหนด

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

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

ข้อกำหนดจากยานเดกซ์:

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

ข้อกำหนดจาก Google:

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

รากฐานที่ถูกต้องและตัวอย่างในไดอะแกรม

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

ฉันจะพยายามบอกคุณทุกอย่างโดยละเอียด ไปตามลำดับกันเลย การออกแบบเว็บไซต์แบ่งออกเป็นประเภทต่างๆ ดังนี้

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

โครงสร้างแบ่งออกเป็นประเภทเหล่านี้:

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

ตัวอย่างแผนการออกแบบเว็บไซต์

ในตอนแรก ฉันอยากจะยกตัวอย่างการออกแบบเว็บไซต์หน้าเดียวที่ง่ายที่สุด


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

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

โครงสร้างภายในและภายนอก

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

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


องค์ประกอบพื้นฐานของทรัพยากรได้รับการจัดเรียงตามหลักการต่อไปนี้:

1. Cap, head และ header คือชื่อของด้านบนสุดซึ่งมีโลโก้ เมนู และองค์ประกอบเพิ่มเติมอยู่
2. แถบด้านข้างหรือเมนูด้านข้าง คุณสามารถทำได้หรือทำไม่ได้ บล็อกเหล่านี้มีข้อมูลเพิ่มเติมและหน้าที่ของพวกเขาคือดึงดูดผู้เยี่ยมชมให้นานที่สุด
3. บล็อกหลัก. ในกรณีนี้ เนื้อหาควรอ่านง่ายและมองเห็นได้สำหรับผู้เยี่ยมชมในหน้าแรก
4. ส่วนท้ายของโครงการประกอบด้วยข้อมูลเกี่ยวกับผู้ติดต่อและลิงก์ที่เป็นประโยชน์

จุดเปลี่ยนแปลงการออกแบบโครงการ

เราได้ครอบคลุมแนวคิดพื้นฐานแล้ว ตอนนี้เรามาดูสิ่งที่น่าสนใจที่สุดกันดีกว่า จะเริ่มเปลี่ยนทรัพยากรได้ที่ไหน? มาดูรายละเอียดกันดีกว่า

1. เราคิดอย่างชัดเจนและเขียนใหม่บนแผ่นงานแยกต่างหากว่าโครงการจะมีลักษณะอย่างไรในรูปแบบของแผนภาพ ที่นี่คุณควรระบุที่อยู่หน้าล่วงหน้าเพื่อความสะดวก (โดยเฉพาะสำหรับร้านค้าออนไลน์)
2. เราใช้หมวดหมู่เพิ่มเติมกับคำหลัก
3. เราแจกจ่ายเป็นหมวดหมู่ บรรจุลงในแผ่นงานหรือไฟล์แยกกัน
4. เรามาพร้อมกับกุญแจสำหรับการสร้างเนื้อหา
5. เราเขียน URL สำหรับแต่ละหน้า
6. เรากำลังเตรียมข้อความสำหรับที่อยู่เพิ่มเติม
7. เราเพิ่มหมวดหมู่และเนื้อหาลงไป
8. การเปลี่ยนโครงสร้างลิงค์
9. เราเปลี่ยนเส้นทางที่อยู่ลิงก์เก่าไปยังที่อยู่ใหม่
10. เราเปลี่ยนลิงก์ภายในและเชื่อมโยงใหม่

เมื่อมองแวบแรกอาจดูเหมือนว่าทุกอย่างซับซ้อนมาก แต่หากมองดูงานจะใช้เวลาสูงสุดหนึ่งสัปดาห์โดยมีเนื้อหาโดยเฉลี่ย

โปรแกรมออนไลน์สำหรับสร้างโครงสร้างภายใน

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

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

บทสรุป

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

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

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

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

ให้ฉันอธิบายสิ่งที่ฉันหมายถึง

• มีบทความ SEO สำหรับการรับปริมาณการเข้าชมจากเครื่องมือค้นหา บทความเหล่านี้เป็นบทความสำหรับวลีสำคัญ ตามกฎแล้วสำหรับไซต์เล็กสำหรับข้อความค้นหา LF (ความถี่ต่ำ) -

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

และผู้มาใหม่ที่มาจากเครื่องมือค้นหาบนเว็บไซต์ของฉันเป็นหลักสามารถนับได้ด้วยมือเดียว เนื่องจากยังไม่มีปริมาณการค้นหา และจะไม่มีในเร็วๆ นี้ (ตามทฤษฎีแล้ว การออกจากแซนด์บ็อกซ์จะไม่เร็วกว่าใน 3-4 เดือน) นอกจากนี้การแข่งขันยังค่อนข้างใหญ่และการก้าวไปสู่จุดสูงสุดไม่ใช่เรื่องง่าย

ผลลัพธ์ที่ได้คือภาวะที่กลืนไม่เข้าคายไม่ออกนี้: ฉันเขียนบล็อกนี้เพื่อใคร?🙂 ไม่ว่าจะเป็นสำหรับปริมาณการค้นหาในอนาคต หรือสำหรับผู้คนที่นี่และเดี๋ยวนี้

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

คนฉลาดที่สุด..คนฉลาดจะตอบ” ฉันเขียนเองและถ้าใครชอบฉันก็ดีใจ" 🙂 ไม่ใช่แนวทางที่ไม่ดีเลย

ฉันได้ข้อสรุปอะไรบ้าง?

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

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

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

เนื่องจากฉันอธิบายขั้นตอนเริ่มต้นส่วนใหญ่แล้ว ปลั๊กอินที่สำคัญที่สุดจึงถูกแยกออก ในที่สุดก็มีเวลาสำหรับหัวข้อที่น่าสนใจมากขึ้น ( อย่างน้อยก็น่าสนใจสำหรับฉัน).

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

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

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

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

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

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

การผสมผสานที่เหมาะสมที่สุดของบทความ

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

เหตุใดจึงสรุปเช่นนี้?

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

SEO ในเบื้องหลัง!

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

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

และสิ่งที่คุณคิดว่า? คุณคิดว่าอะไรคือความสมดุลที่ดีที่สุดของการโพสต์บล็อก?

สวัสดีผู้อ่านของฉัน!

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

แม้ว่าผู้ใช้ RuNet ในปัจจุบันจะคุ้นเคยกับร้านค้าออนไลน์มากกว่า แต่บล็อกก็เป็นที่ต้องการอย่างมากในหมู่ผู้ชมชาวตะวันตก นี่คือหลักฐานจากสถิติของ Yandex ซึ่งเป็นเครื่องมือค้นหาที่ได้รับความนิยมมากที่สุดใน CIS - 20,794,018 ข้อความต่อเดือนพร้อมคำว่า "ร้านค้าออนไลน์" เทียบกับ 866,033 สำหรับบล็อก

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

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

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

นอกจากนี้ด้วยการจัดองค์กรด้านการสื่อสารไซต์ดังกล่าวจึงทำหน้าที่ในการขัดเกลาทางสังคมช่วยให้ผู้ใช้ค้นหาคนที่มีใจเดียวกันเพื่อนและแม้แต่เนื้อคู่ :)

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

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

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

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

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

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

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

ตามสัญญา เราจะย้ายไปยังโครงสร้างภายในของบล็อกทันที :)

เป็นตัวอย่างโครงสร้างบล็อก ลองพิจารณาโปรเจ็กต์นี้ – เว็บไซต์

1. หน้าแรก

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

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

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

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

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

ส่วนประกอบของโครงสร้างบล็อกนี้เป็นส่วนสำคัญและจำเป็น! นี่คือข้อความฉบับเต็มของบทความ

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

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

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

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

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

ดังนั้นความคิดเห็นจึงเป็น "บทความในบทความ" ประเภทหนึ่ง :) สิ่งนี้เห็นได้จากโครงสร้างซึ่งคล้ายกับโครงสร้างของบล็อกมาก

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

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

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

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

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

ตามกฎแล้ว องค์ประกอบนี้ของโครงสร้างบล็อกแสดงถึงหน้าต่างๆ ของเว็บไซต์ แต่ยังมีตัวเลือกในการรวมข้อมูลนี้ด้วย

ตามกฎแล้วข้อมูลเกี่ยวกับผู้สร้างทรัพยากรจะอยู่ที่นี่: อัตชีวประวัติสั้น ๆ ภาพถ่ายของผู้แต่ง (ไม่บังคับ) และวิธีที่เขาคิดแนวคิดในการสร้างโครงการ

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

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

6. เงื่อนไขการใช้งาน

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

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

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

คุณสามารถค้นหาข้อมูลที่อาจเป็นที่สนใจของนักลงทุนได้ที่นี่: หัวข้อของทรัพยากร การเข้าร่วม และการจัดประเภทของผู้ชมตามปัจจัยต่างๆ (เพศ อายุ ที่ตั้งทางภูมิศาสตร์ การใช้อุปกรณ์มือถือ ฯลฯ) คุณยังดูบทวิจารณ์จากผู้ลงโฆษณาที่เคยลงผลิตภัณฑ์ของตนก่อนหน้านี้ได้ด้วย

เหตุใดจึงทำเช่นนี้? คุณคงสังเกตเห็นป้ายโฆษณาวางไว้ตามจุดต่างๆ บนเว็บไซต์หรือไม่

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

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

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

8. แผนผังเว็บไซต์

ส่วนประกอบของโครงสร้างบล็อกนี้ยังเป็นสิทธิพิเศษของโครงการขนาดใหญ่ที่มีระบบองค์ประกอบโครงสร้างที่กว้างขวาง

หน้าแผนที่เป็นแบบสากลสำหรับไซต์ทุกประเภท และบล็อกก็ไม่มีข้อยกเว้นสำหรับกฎนี้ นั่นเป็นเหตุผลที่คุณสามารถอ่านเพิ่มเติมเกี่ยวกับองค์ประกอบนี้และวัตถุประสงค์ได้ในบทความ “โครงสร้างของร้านค้าออนไลน์” ฉันไม่เห็นประเด็นในการพูดซ้ำคำพูดของตัวเองอีก :)

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

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

คอยติดตาม.

โชคดีทุกคน!

ป.ล.: หากคุณต้องการเว็บไซต์หรือต้องการเปลี่ยนแปลงเว็บไซต์ที่มีอยู่ แต่ไม่มีเวลาหรือต้องการสิ่งนี้ ฉันสามารถให้บริการได้

ประสบการณ์มากกว่า 5 ปีการพัฒนาเว็บไซต์อย่างมืออาชีพ ทำงานกับ PHP, OpenCart, เวิร์ดเพรส, ลาราเวล, ยี่, MySQL, PostgreSQL, จาวาสคริปต์, ตอบสนอง, เชิงมุมและเทคโนโลยีการพัฒนาเว็บไซต์อื่นๆ

ประสบการณ์ในการพัฒนาโครงการในระดับต่างๆ : หน้า Landing Page, เว็บไซต์ของบริษัท, ร้านค้าออนไลน์, ซีอาร์เอ็ม, พอร์ทัล- รวมถึงการสนับสนุนและพัฒนา โครงการโหลดสูง- ส่งใบสมัครของคุณทางอีเมล [ป้องกันอีเมล].

โครงสร้างบล็อก

ก่อนที่คุณจะเริ่มเติมเนื้อหาที่มีคุณภาพในบล็อก คุณต้องเข้าใจโครงสร้างของบล็อกก่อน

โครงสร้างของบล็อกสามารถแบ่งออกเป็นสองส่วน ภายในและภายนอก โดยที่ภายในประกอบด้วยไฟล์ (บางอย่างเช่นอวัยวะภายใน) และภายนอกประกอบด้วยเนื้อหาและสถาปัตยกรรม (รูปลักษณ์)

ลองดูโครงสร้างภายนอกและภายในของบล็อกด้วยสายตา (ดูภาคผนวกรูปที่ 1 และ 2)

จากสองภาพจะเห็นว่า “สถาปัตยกรรม” อาจจะมีความแตกต่างกันเล็กน้อย บล็อกสามารถมีแถบด้านข้างได้หนึ่ง (ขวา) หรือสองแถบ (ซ้ายและขวา) ซึ่งตัวเลือกใดดีกว่า - คุณสามารถตัดสินได้ฉันตัดสินใจเลือกอันที่สอง ในแง่อื่นๆ ไม่มีความแตกต่างพื้นฐาน

ที่ด้านบนสุดจะมีส่วนหัว (header.php) โดยที่ header.php เป็นไฟล์ส่วนหัวมีโลโก้พร้อมชื่อของเว็บไซต์และปุ่มเมนู

โดยพื้นฐานแล้วบล็อกคือระบบไฟล์ที่ประกอบด้วยซอร์สโค้ด HTML, สไตล์ CSS และภาษาการเขียนโปรแกรม JavaScript ที่รวมกันเพื่อสร้างเว็บเพจ

โค้ด HTML เป็นภาษามาร์กอัปมาตรฐานที่ให้คุณแสดงเอกสารใดๆ ในเบราว์เซอร์ในรูปแบบที่อ่านง่าย

CSS - CascadingStyleSheets - สไตล์ชีทแบบเรียงซ้อนมีหน้าที่รับผิดชอบในการปรากฏขององค์ประกอบของหน้าเว็บ

JavaScript เป็นภาษาสคริปต์ที่เพิ่มไดนามิกและการโต้ตอบให้กับหน้าเว็บ

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

ส่วนกลางของบล็อกอาจเป็นส่วนที่สำคัญที่สุดสำหรับทุกสิ่งทุกอย่างที่มีอยู่ นี่คือเนื้อหา (เนื้อหา) สิ่งที่ทำให้เว็บไซต์เป็นที่นิยมหรือในทางกลับกัน

Index.php, single.php, archive.php, search.php, page.php - ไฟล์ที่สร้างหน้าเว็บพร้อมเนื้อหา ลองดูที่แต่ละคนแยกกัน

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

Single.php - ไฟล์หน้าพร้อมบทความแยกต่างหาก

Archive.php - ไฟล์หน้าเก็บถาวร ไฟล์เก็บถาวรประกอบด้วยโพสต์ที่เรียงลำดับจากมากไปน้อยตามลำดับเวลา ตามวันที่ เดือน และปี

Search.php เป็นไฟล์ที่แสดงบทความที่ตัดตอนมาสั้นๆ เมื่อผู้ใช้ใช้แบบฟอร์มการค้นหาเว็บไซต์ ซึ่งอยู่ที่ส่วนหัวหรือแถบด้านข้าง

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

เนื้อหาบล็อกควรมีโครงสร้าง กล่าวคือ แบ่งออกเป็นหมวดหมู่ (ส่วนหัว) และหมวดหมู่ย่อย (ส่วนหัวย่อย) และยังมีหน้าแยกกันด้วย ตัวอย่างเช่น หากบล็อกของคุณเกี่ยวกับรถยนต์ การบำรุงรักษาและการซ่อม คุณสามารถสร้างหัวข้อได้หลายหัวข้อ: "รถยนต์" "การทำงาน" "การซ่อมรถยนต์" จากนั้นหัวข้อเหล่านี้จะแบ่งออกเป็นหัวข้อย่อย เช่น "รถยนต์" แบ่งออกเป็น "สปอร์ตคูเป้" "รถเก๋ง" "เอสยูวี" ส่วน "การทำงาน" แบ่งออกเป็น "เคล็ดลับสำหรับผู้ที่ชื่นชอบรถ" และ "การปรับแต่ง" หมวดหมู่ "การซ่อมรถยนต์" สามารถแบ่งออกเป็น "เครื่องยนต์", "ระบบส่งกำลัง" ฯลฯ รูบริกให้ข้อมูลทั่วไปที่เกี่ยวข้องกับหัวข้อและรูบริกนี้เกี่ยวกับอะไร (ดูภาคผนวก รูปที่ 3)

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

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