seoSEO Addy Osmani
addyosmani/web-quality-skills
SEO.
Установка
npx -y skills add addyosmani/web-quality-skills --skill seo --agent claude-codeSEO Optimization
Оптимизация поисковой видимости на основе Lighthouse SEO аудитов и руководств Google Search. Охватывает технический SEO, on-page оптимизацию и структурированные данные. Используйте при запросах: «улучшить SEO», «мета-теги», «добавить structured data», «sitemap», «оптимизация для поисковиков».
Факторы ранжирования
| Фактор | Влияние | Этот скилл |
|---|---|---|
| Качество и релевантность контента | ~40% | Частично (структура) |
| Ссылки и авторитет | ~25% | ✗ |
| Технический SEO | ~15% | ✓ |
| Page experience (Core Web Vitals) | ~10% | См. core-web-vitals skill |
| On-page SEO | ~10% | ✓ |
Технический SEO
Crawlability
# robots.txt
User-agent: *
Allow: /
Disallow: /admin/
Disallow: /api/
Disallow: /private/
# Не блокировать ресурсы, нужные для рендеринга
Sitemap: https://example.com/sitemap.xml
<!-- Noindex для конкретных страниц -->
<meta name="robots" content="noindex, nofollow">
<!-- Контроль сниппетов -->
<meta name="robots" content="max-snippet:150, max-image-preview:large">
Canonical URL — предотвращает проблемы дублированного контента:
<link rel="canonical" href="https://example.com/current-page">
XML Sitemap
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://example.com/</loc>
<lastmod>2024-01-15</lastmod>
<changefreq>daily</changefreq>
<priority>1.0</priority>
</url>
</urlset>
Максимум 50 000 URL или 50 МБ на сайтмап. Включать только canonical, индексируемые URL.
Структура URL
✅ Хорошо:
https://example.com/products/blue-widget
https://example.com/blog/how-to-use-widgets
❌ Плохо:
https://example.com/p?id=12345
https://example.com/products/item/category/subcategory/blue-widget-2024-sale
Правила: дефисы вместо подчёркиваний, только строчные, менее 75 символов, ключевые слова органично, всегда HTTPS.
On-page SEO
Title теги
<!-- ❌ Слишком длинный (обрезается в поиске) -->
<title>Buy Blue Widgets Online - Best Quality Blue Widgets at Lowest Prices</title>
<!-- ✅ Оптимальный (50-60 символов) -->
<title>Blue Widgets — Free Shipping | WidgetCo</title>
Meta description
<!-- ❌ Слишком длинное -->
<meta name="description" content="[более 160 символов]">
<!-- ✅ Оптимальный (120-160 символов) -->
<meta name="description" content="Shop premium blue widgets with free shipping. 500+ styles, bulk discounts, 30-day returns. Order by 2 PM for same-day dispatch.">
Иерархия заголовков
<!-- ❌ Пропуск уровней -->
<h1>Page Title</h1>
<h3>Section</h3>
<!-- ✅ Правильная иерархия -->
<h1>Page Title</h1>
<h2>Major Section</h2>
<h3>Subsection</h3>
Structured Data (JSON-LD)
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Заголовок статьи",
"author": { "@type": "Person", "name": "Автор" },
"datePublished": "2024-01-15",
"dateModified": "2024-01-20",
"description": "Описание статьи"
}
</script>
Другие типы по назначению страницы: Product, FAQPage, Organization, WebSite, BreadcrumbList.
Open Graph и Twitter Cards
<!-- Open Graph -->
<meta property="og:title" content="Заголовок страницы">
<meta property="og:description" content="Описание 200 символов">
<meta property="og:image" content="https://example.com/og-image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="article">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Заголовок">
<meta name="twitter:image" content="https://example.com/twitter-image.jpg">
Чеклист SEO аудита
- Один уникальный
<h1>на каждой странице с ключевым словом - Meta title 50–60 символов, description 120–160 символов
- Canonical URL на всех страницах
- Alt-текст для всех изображений
- Внутренние ссылки между связанными страницами
- Sitemap создан и отправлен в Google Search Console
- robots.txt не блокирует нужные ресурсы
- JSON-LD structured data по типу страницы
- Open Graph теги для соцсетей
- HTTPS на всём сайте
- Скорость загрузки < 3 секунд
- Мобильная адаптация
Из того же репозитория
accessibility — аудит и улучшение доступности
addyosmani/web-quality-skills
Аудит и улучшение веб-доступности: автоматические проверки, ручное тестирование и конкретные исправления.
performance — производительность Addy Osmani Web Quality
addyosmani/web-quality-skills
Производительность.
core-web-vitals — Core Web Vitals производительность SEO
addyosmani/web-quality-skills
Core Web Vitals: производительность веба.
web-quality-audit — аудит качества веба Addy Osmani
addyosmani/web-quality-skills
Аудит качества веба.
best-practices — web лучшие практики производительность качество
addyosmani/web-quality-skills
Лучшие практики web разработки: производительность и качество.
