URL มาตรฐานและการสร้างแผนผังเว็บไซต์
กำหนดแท็กลิงก์ canonical และสร้างแผนผังเว็บไซต์ XML ด้วยปลายทางของ SvelteKit
URL มาตรฐานและการสร้างแผนผังเว็บไซต์ เป็นบทเรียน Sveltejs Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Sveltejs Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
URL แบบบัญญัติ
บอกเครื่องมือค้นหาว่า URL ใดเป็นเวอร์ชันแบบบัญญัติของหน้า เพื่อรวมสัญญาณการจัดอันดับไว้ด้วยกัน
เพิ่มแท็กลิงก์
กำหนดลิงก์แบบบัญญัติภายใน svelte:head
<svelte:head>
<link rel="canonical" href={canonicalUrl} />
</svelte:head>หลีกเลี่ยงเนื้อหาซ้ำ
ลิงก์แบบบัญญัติมีความสำคัญเมื่อสามารถเข้าถึงเนื้อหาเดียวกันผ่าน URL หลายรายการ
การสร้างแผนผังเว็บไซต์
สร้าง src/routes/sitemap.xml/+server.js เพื่อสร้างแผนผังเว็บไซต์แบบไดนามิก
export async function GET() {
const urls = await getAllUrls();
return new Response(buildSitemap(urls), { headers: { "content-type": "application/xml" } });
}โครงสร้างแผนผังเว็บไซต์
แผนผังเว็บไซต์จะแสดง URL พร้อมวันที่แก้ไขล่าสุด ความถี่ในการเปลี่ยนแปลง และลำดับความสำคัญ
ส่งไปยังเครื่องมือค้นหาโดยอัตโนมัติ
ส่ง URL ของแผนผังเว็บไซต์ใน Google Search Console และ Bing Webmaster Tools
ดัชนีสำหรับโปรแกรมรวบรวมข้อมูล
ใช้ robots.txt เพื่อชี้ไปยังแผนผังเว็บไซต์และควบคุมการรวบรวมข้อมูล
แผนผังเว็บไซต์แบบคงที่
สำหรับเว็บไซต์ที่ส่วนใหญ่เป็นเนื้อหาคงที่ ให้สร้าง sitemap.xml ล่วงหน้าเพื่อให้บริการได้โดยใช้ทรัพยากรน้อย
การแบ่งหน้า
แผนผังเว็บไซต์สามารถแบ่งเป็นหลายไฟล์ โดยอ้างอิงผ่านดัชนีแผนผังเว็บไซต์สำหรับเว็บไซต์ขนาดใหญ่มาก
ข้อมูลเมตาสำหรับโปรแกรมรวบรวมข้อมูล
ใช้ <meta name="robots" content="noindex"> กับหน้าที่คุณไม่ต้องการให้จัดทำดัชนี
ใช้ร่วมกับการวิเคราะห์
ตรวจสอบข้อผิดพลาดในการรวบรวมข้อมูลใน Search Console เพื่อค้นหาปัญหาเกี่ยวกับ URL แบบบัญญัติหรือแผนผังเว็บไซต์
ตรวจสอบอย่างรวดเร็ว
URL แบบบัญญัติทำหน้าที่อะไร
สรุปทบทวน
กำหนดลิงก์แบบบัญญัติใน svelte:head และสร้าง sitemap.xml จากเส้นทาง +server.js เพื่อให้เครื่องมือค้นหาค้นพบเนื้อหาได้
เรียนรู้ HTML ด้วย AI tutor — ฟรี
เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป
- คอร์ส
- 41
- บทเรียน
- 163
คำถามที่พบบ่อย
บทเรียน “URL มาตรฐานและการสร้างแผนผังเว็บไซต์” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “URL มาตรฐานและการสร้างแผนผังเว็บไซต์” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Sveltejs Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “URL มาตรฐานและการสร้างแผนผังเว็บไซต์”
กำหนดแท็กลิงก์ canonical และสร้างแผนผังเว็บไซต์ XML ด้วยปลายทางของ SvelteKit คุณปฏิบัติ Sveltejs Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Sveltejs Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Sveltejs Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน
บทเรียน “URL มาตรฐานและการสร้างแผนผังเว็บไซต์” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Sveltejs Academy นี้ได้ไหม
ได้ บทเรียน Sveltejs Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- svelte:head สำหรับแท็กข้อมูลเมตาแบบไดนามิก
- ข้อมูลเมตา OpenGraph และ Twitter Card
- ข้อมูลมีโครงสร้าง JSON-LD ใน SvelteKit
- URL มาตรฐานและการสร้างแผนผังเว็บไซต์