将以下步骤作为工作清单,并根据项目的证据、范围和限制进行调整。
实用步骤
- 打开要检查的页面和浏览器开发者控制台。检查移动端溢出时,先使用响应式模式。
- 审查代码,将完整代码片段粘贴到控制台并按 Enter。脚本读取当前页面;只有 sitemap 元数据工具和同源检查工具会在有限范围内发出请求。
- 查看控制台输出或下载的 CSV/JSON。浏览器策略、身份验证和服务器不支持的方法可能导致部分检查无法得出结论。
(() => {
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);
})();运行前请先审查代码。脚本读取当前页面;只有 sitemap 和链接审查工具会在有限范围内发出同源请求。请求不携带 cookies;脚本不会更改网站内容。