メタタグ

Hirameki WebはAIが自動的に各ページのメタタグを生成しますが、手動での編集も可能です。

タイトルタグ

<title>ページタイトル - サイト名</title>
タイトルは50-60文字以内に収めましょう

メタディスクリプション

<meta name="description" content="ページの説明文を150-160文字程度で記述します">

OGタグ

SNSでシェアされた時の表示を最適化:
<meta property="og:title" content="ページタイトル">
<meta property="og:description" content="ページの説明">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com">

構造化データ

Google検索結果にリッチスニペットを表示するため、構造化データ(JSON-LD)を追加できます。
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "会社名",
  "url": "https://example.com",
  "logo": "https://example.com/logo.png"
}
</script>

サイトマップ

XMLサイトマップは自動生成され、/sitemap.xmlでアクセスできます。

キーワードと構造

  • 1ページ1キーワードを基本とし、見出しに主要語句を含める
  • AIで生成したコピーは必要に応じて言い換え、重複を避ける
  • パンくずや内部リンクを活用して検索エンジンが構造を理解できるようにする

robots.txt / noindex

下書き時は robots メタを noindex, nofollow に設定できます。公開時は index, follow に戻すのを忘れないでください。/robots.txt は自動生成されますが、特定のパスをクローズしたい場合は「サイト設定 > SEO」から追記できます。

パフォーマンス最適化

  • 画像: WebP/AVIFに自動変換されていますが、Hero画像は1MB以下を推奨
  • スクリプト: 不要な外部ライブラリを読み込まないようエディタで削除
  • レイジーロード: ファーストビューに不要なセクションは loading="lazy" を指定

計測

組み込みアナリティクス

訪問者数や人気ページを標準で可視化

GA4連携

測定IDを入力するだけで詳細トラッキングが可能

Search Console

サイトマップを登録してインデックス速度を向上

サードパーティタグ

headタグに直接埋め込むか、Tag Managerコードを挿入
更新頻度が高いサイトでは、/sitemap.xml をSearch Consoleに再送信するとクロールが早まります。

パフォーマンス最適化

画像最適化

WebP/AVIF形式への自動変換

コード圧縮

HTML/CSS/JSの自動ミニファイ

CDN配信

グローバルCDNによる高速配信

キャッシング

適切なキャッシュヘッダーの設定