Käytä vaiheita työlistana ja sovita ne projektin näyttöön, laajuuteen ja rajoituksiin.
Käytännön ohjeet
- Avaa tarkistettava sivu ja selaimen kehittäjäkonsoli. Ota mobiilin ylivuototarkistusta varten ensin käyttöön responsiivinen näkymä.
- Tarkista koodi, liitä koko skripti konsoliin ja paina Enter. Se lukee nykyistä sivua; vain sitemap-auditointi ja linkkitarkistukset tekevät rajattuja saman alkuperän pyyntöjä.
- Tarkista konsolin tulos tai ladattu CSV/JSON. Selaimen käytännöt, kirjautuminen ja palvelimen tukemattomat menetelmät voivat tehdä osasta tuloksia epävarmoja.
(() => {
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);
})();Tarkista koodi ennen ajoa. Se lukee nykyistä sivua; vain sitemap- ja linkkiauditointi tekee rajattuja saman alkuperän pyyntöjä ilman evästeitä. Sivuston sisältöä ei muuteta.