seo-optimizer

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

SEO Optimizer Skill

SEO优化技能

SEO最適化の提案を行うスキルです。

这是一项提供SEO优化方案的技能。

概要

概述

Webページのメタデータ、構造化データ、コンテンツをSEOの観点から分析・最適化します。

从SEO角度分析并优化网页的元数据、结构化数据及内容。

主な機能

主要功能

メタタグ最適化: title、description、OGタグ
構造化データ: JSON-LD、Schema.org
セマンティックHTML: 適切なタグ使用
パフォーマンス: Core Web Vitals
モバイル対応: レスポンシブデザイン
内部リンク: サイト構造の最適化
画像最適化: alt、サイズ、形式

元标签优化：title、description、OG标签
结构化数据：JSON-LD、Schema.org
语义化HTML：合理使用标签
性能优化：Core Web Vitals
移动端适配：响应式设计
内部链接：网站结构优化
图片优化：alt属性、尺寸、格式

使用方法

以下のHTMLをSEO最適化：
[HTML]

チェック項目:
- メタタグ
- 構造化データ
- セマンティックHTML

对以下HTML进行SEO优化：
[HTML]

检查项:
- 元标签
- 结构化数据
- 语义化HTML

最適化例

优化示例

メタタグ

元标签

最適化前:

html

<head>
  <title>Home</title>
</head>

最適化後:

html

<head>
  <!-- 基本メタタグ -->
  <title>高品質なWebサービス | 会社名 - 信頼できるソリューション</title>
  <meta name="description" content="会社名では、高品質なWebサービスを提供しています。信頼性と使いやすさを兼ね備えた、お客様のビジネスを加速するソリューションです。">
  <meta name="keywords" content="Webサービス, クラウド, SaaS, ビジネスツール">

  <!-- Open Graph (Facebook, LinkedIn) -->
  <meta property="og:title" content="高品質なWebサービス | 会社名">
  <meta property="og:description" content="会社名では、高品質なWebサービスを提供しています。">
  <meta property="og:image" content="https://example.com/og-image.jpg">
  <meta property="og:url" content="https://example.com">
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="会社名">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="高品質なWebサービス | 会社名">
  <meta name="twitter:description" content="会社名では、高品質なWebサービスを提供しています。">
  <meta name="twitter:image" content="https://example.com/twitter-image.jpg">
  <meta name="twitter:site" content="@company">

  <!-- その他 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://example.com">
</head>

优化前:

html

<head>
  <title>Home</title>
</head>

优化后:

html

<head>
  <!-- 基本メタタグ -->
  <title>高品質なWebサービス | 会社名 - 信頼できるソリューション</title>
  <meta name="description" content="会社名では、高品質なWebサービスを提供しています。信頼性と使いやすさを兼ね備えた、お客様のビジネスを加速するソリューションです。">
  <meta name="keywords" content="Webサービス, クラウド, SaaS, ビジネスツール">

  <!-- Open Graph (Facebook, LinkedIn) -->
  <meta property="og:title" content="高品質なWebサービス | 会社名">
  <meta property="og:description" content="会社名では、高品質なWebサービスを提供しています。">
  <meta property="og:image" content="https://example.com/og-image.jpg">
  <meta property="og:url" content="https://example.com">
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="会社名">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="高品質なWebサービス | 会社名">
  <meta name="twitter:description" content="会社名では、高品質なWebサービスを提供しています。">
  <meta name="twitter:image" content="https://example.com/twitter-image.jpg">
  <meta name="twitter:site" content="@company">

  <!-- その他 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://example.com">
</head>

構造化データ

结构化数据

記事ページ:

html

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "初心者のためのSEO完全ガイド",
  "description": "SEOの基礎から実践まで、初心者でもわかりやすく解説します。",
  "image": "https://example.com/article-image.jpg",
  "author": {
    "@type": "Person",
    "name": "山田太郎"
  },
  "publisher": {
    "@type": "Organization",
    "name": "会社名",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png"
    }
  },
  "datePublished": "2024-06-15",
  "dateModified": "2024-06-20"
}
</script>

商品ページ:

html

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "高性能ノートPC",
  "image": "https://example.com/laptop.jpg",
  "description": "最新のプロセッサを搭載した高性能ノートパソコン",
  "brand": {
    "@type": "Brand",
    "name": "ブランド名"
  },
  "offers": {
    "@type": "Offer",
    "url": "https://example.com/product/laptop",
    "priceCurrency": "JPY",
    "price": "128000",
    "availability": "https://schema.org/InStock"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.5",
    "reviewCount": "24"
  }
}
</script>

文章页面:

html

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "初心者のためのSEO完全ガイド",
  "description": "SEOの基礎から実践まで、初心者でもわかりやすく解説します。",
  "image": "https://example.com/article-image.jpg",
  "author": {
    "@type": "Person",
    "name": "山田太郎"
  },
  "publisher": {
    "@type": "Organization",
    "name": "会社名",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png"
    }
  },
  "datePublished": "2024-06-15",
  "dateModified": "2024-06-20"
}
</script>

商品页面:

html

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "高性能ノートPC",
  "image": "https://example.com/laptop.jpg",
  "description": "最新のプロセッサを搭載した高性能ノートパソコン",
  "brand": {
    "@type": "Brand",
    "name": "ブランド名"
  },
  "offers": {
    "@type": "Offer",
    "url": "https://example.com/product/laptop",
    "priceCurrency": "JPY",
    "price": "128000",
    "availability": "https://schema.org/InStock"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.5",
    "reviewCount": "24"
  }
}
</script>

セマンティックHTML

语义化HTML

最適化前:

html

<div class="header">
  <div class="nav">...</div>
</div>
<div class="main">
  <div class="article">...</div>
</div>

最適化後:

html

<header>
  <nav aria-label="メインナビゲーション">...</nav>
</header>
<main>
  <article>
    <h1>記事タイトル</h1>
    <p>...</p>
  </article>
</main>
<footer>...</footer>

优化前:

html

<div class="header">
  <div class="nav">...</div>
</div>
<div class="main">
  <div class="article">...</div>
</div>

优化后:

html

<header>
  <nav aria-label="メインナビゲーション">...</nav>
</header>
<main>
  <article>
    <h1>記事タイトル</h1>
    <p>...</p>
  </article>
</main>
<footer>...</footer>

見出し構造

标题结构

最適化前:

html

<h1>サイト名</h1>
<h3>セクション1</h3>
<h2>セクション2</h2>

最適化後:

html

<h1>ページタイトル（1ページに1つ）</h1>
<h2>主要セクション1</h2>
  <h3>サブセクション1-1</h3>
  <h3>サブセクション1-2</h3>
<h2>主要セクション2</h2>
  <h3>サブセクション2-1</h3>

优化前:

html

<h1>サイト名</h1>
<h3>セクション1</h3>
<h2>セクション2</h2>

优化后:

html

<h1>ページタイトル（1ページに1つ）</h1>
<h2>主要セクション1</h2>
  <h3>サブセクション1-1</h3>
  <h3>サブセクション1-2</h3>
<h2>主要セクション2</h2>
  <h3>サブセクション2-1</h3>

画像最適化

图片优化

最適化前:

html

<img src="photo.jpg">

最適化後:

html

<img
  src="photo-800w.webp"
  srcset="photo-400w.webp 400w,
          photo-800w.webp 800w,
          photo-1200w.webp 1200w"
  sizes="(max-width: 600px) 400px,
         (max-width: 900px) 800px,
         1200px"
  alt="東京タワーの夜景写真"
  width="800"
  height="600"
  loading="lazy">

优化前:

html

<img src="photo.jpg">

优化后:

html

<img
  src="photo-800w.webp"
  srcset="photo-400w.webp 400w,
          photo-800w.webp 800w,
          photo-1200w.webp 1200w"
  sizes="(max-width: 600px) 400px,
         (max-width: 900px) 800px,
         1200px"
  alt="東京タワーの夜景写真"
  width="800"
  height="600"
  loading="lazy">

チェックリスト

检查清单

On-Page SEO

页面内SEO

構造化データ

结构化数据

コンテンツ

内容

バージョン情報

版本信息

スキルバージョン: 1.0.0
最終更新: 2025-01-22

使用例:

このページをSEO最適化：
[HTML]

改善項目:
- メタタグ
- 構造化データ
- 画像最適化

SEO最適化されたHTMLが生成されます！

技能版本：1.0.0
最后更新：2025-01-22

使用示例:

对该页面进行SEO优化：
[HTML]

优化项:
- 元标签
- 结构化数据
- 图片优化

将生成经过SEO优化的HTML！