Gunakan langkah ini sebagai senarai semak kerja dan sesuaikannya dengan bukti, skop serta kekangan projek.
Langkah praktikal
- Buka halaman yang ingin diperiksa dan konsol pembangun pelayar. Gunakan mod responsif dahulu untuk pemeriksa limpahan mudah alih.
- Semak kod, tampal keseluruhan petikan ke dalam konsol dan tekan Enter. Ia membaca halaman semasa; hanya alat metadata sitemap dan pemeriksa same-origin membuat permintaan yang terhad.
- Semak output konsol atau CSV/JSON yang dimuat turun. Dasar pelayar, pengesahan dan kaedah pelayan yang tidak disokong boleh menyebabkan sesetengah semakan tidak dapat dipastikan.
(() => {
const meta = (name, attr = 'name') => document.querySelector('meta[' + attr + '="' + name + '"]')?.content || '';
const links = (rel) => [...document.querySelectorAll('link[rel="' + rel + '"]')].map((node) => ({ href: node.href, hreflang: node.hreflang || '' }));
const report = {
url: location.href,
title: document.title,
titleLength: document.title.length,
description: meta('description'),
descriptionLength: meta('description').length,
robots: meta('robots'),
canonical: links('canonical')[0]?.href || '',
language: document.documentElement.lang || '',
headings: Object.fromEntries([1, 2, 3, 4, 5, 6].map((level) => ['h' + level, [...document.querySelectorAll('h' + level)].map((node) => node.innerText.trim()).filter(Boolean)])),
hreflang: links('alternate').filter((item) => item.hreflang),
openGraph: Object.fromEntries([...document.querySelectorAll('meta[property^="og:"]')].map((node) => [node.getAttribute('property'), node.content])),
twitter: Object.fromEntries([...document.querySelectorAll('meta[name^="twitter:"]')].map((node) => [node.name, node.content])),
jsonLdBlocks: document.querySelectorAll('script[type="application/ld+json"]').length,
};
console.table({ title: report.title, titleLength: report.titleLength, descriptionLength: report.descriptionLength, robots: report.robots, canonical: report.canonical, language: report.language, h1Count: report.headings.h1.length, hreflangCount: report.hreflang.length, jsonLdBlocks: report.jsonLdBlocks });
console.log('Full SEO page report:', report);
const link = document.createElement('a');
link.href = URL.createObjectURL(new Blob([JSON.stringify(report, null, 2)], { type: 'application/json' }));
link.download = 'seo-page-audit.json';
link.click();
setTimeout(() => URL.revokeObjectURL(link.href), 1000);
})();Semak sebelum menjalankan. Skrip membaca halaman semasa; hanya audit sitemap dan pautan membuat permintaan same-origin yang terhad. Permintaan tidak menghantar cookies; skrip tidak mengubah kandungan laman.