titleとmeta descriptionを、ビルドのたびに自動で。
実際の動きをご覧ください。Headlarkがページを読み取り、そのページにふさわしいタイトルとmeta descriptionを書きます。公開するたびに。
例はリグレッションテスト用のテストサイトに対する実際の出力です。
Handbakat surdegsbröd, kardemummabullar och kanelknutar i Uppsala. Se veckans bröd, öppettider och förbeställ till helgen.
metaタグ、リンクプレビュー、構造化データ。見つけてもらい、シェアされるために必要なものすべて。
titleタグ
30〜60文字。トピックを先頭に、ブランド名は最後に。
リンクプレビュー
Slack、LinkedIn、iMessage、Xでむき出しのURLではなく、きちんとしたカードで表示。
構造化データ
内容に合わせて選んだschema.orgデータ。店舗・企業、商品、イベント、レシピなど。
alt属性
各画像を文脈に沿って、ページと同じ言語で説明します。
細かい設定
canonical、robots、言語指定は欠けている場合だけ追加。既存の設定はそのまま残ります。
SEOが大事なのはわかっている。でも、いつも後回し。
フレームワークはタイトルに「Vite App」を出力し、ページビルダーの初期値は「ホーム」。ローンチ前夜の23時にalt属性を書く人はいません。検索エンジンとリンクプレビューは、そのすべてを見ています。
Googleの検索結果
Headlarkなし: 「Vite App」や「ホーム」と、適当に拾われたテキスト
Headlarkあり: 具体的なタイトルと、クリックしたくなるmeta description
リンクプレビュー
Headlarkなし: Slack、LinkedIn、iMessageにURLだけ
Headlarkあり: 画像・タイトル・説明つきのカード
リッチリザルト
Headlarkなし: 構造化データがないので、営業時間も価格も評価も出ない
Headlarkあり: ページに合ったschema.orgデータ。店舗・企業、商品、イベント、レシピ
画像
Headlarkなし: alt属性なし。スクリーンリーダーにも画像検索にも見えない
Headlarkあり: コンテンツ画像をすべて文脈に沿って説明
あなたの時間
Headlarkなし: 1ページに何時間もかかり、次のリニューアルで古くなる
Headlarkあり: ページが変わる公開のたびに自動で書き直し
設定は一度だけ。あとは波に任せて。
接続する
WebflowにWebhookのリンクを1つ、またはビルドに1行。長くても10分。
いつも通り公開する
Headlarkが各ページを読み、足りないものを書きます。変更のないページはキャッシュから、無料で。
見つけてもらえる状態に
きちんとしたリンクプレビュー。数字、日付、メールアドレスは事前にページと照合します。
10分で導入。方法を選んでください。
npm i -D headlark
// package.json
"scripts": {
"build": "vite build && headlark dist --site-url https://example.com"
}Vercel、GitHub Pages、または任意のCIで動くコードベースのサイト向け。ビルド環境にHEADLARK_KEYを追加してデプロイするだけ。ホスティングにアップロードされる前に、ページがその場で書き換えられます。
- Bing
- リンクプレビュー
npx astro add astro-headlarkAstroインテグレーションはastro buildの後に実行され、設定のsiteからサイトのURLを取得します。ビルド環境にHEADLARK_KEYを追加してください。キーがなければ、ローカルビルドやプレビューはビルドされたままです。
- Bing
- リンクプレビュー
npm i -D netlify-plugin-headlark
# netlify.toml
[[plugins]]
package = "netlify-plugin-headlark"ビルドステップをNetlify Build Pluginとして提供。公開ディレクトリに対して、サイトのNetlify URLで実行されます。HEADLARK_KEYはSite configuration → Environment variablesで追加します。
- Bing
- リンクプレビュー
- WebflowでPages: read and write権限のサイトトークンを発行します。
- Headlarkのダッシュボードに、トークンとWebflowのサイトIDを貼り付けます。
- Webflowで、サイトのフックURLを指定したSite publish Webhookを追加します。
公開のたびに、HeadlarkがWebflowのAPI経由で全ページのSEOタイトル、meta description、Open Graphタグを書き込みます。次回の公開から反映されます。構造化データとalt属性には、スニペットも追加してください。
- Bing
- リンクプレビュー
<script src="https://headlark.com/v1/s.js"
data-site="<サイトID>" async></script>コードは貼れるけれどビルドは変えられない?各ページのheadにこれを追加し、デプロイフックを接続してください。訪問者が読み込むのは、キャッシュされた小さなファイルだけです。
- Bingは非対応
- リンクプレビューは非対応
無料のSEOツール。アカウント不要。
検索エンジンとリンクプレビューに、今あなたのサイトがどう見えているかをチェック。クローラーと同じように、サーバーが返すHTMLを読み取ります。ツールの画面は英語です。
推測ではなく、ページに基づいて。
AIは、自分のサイトで信頼できてこそ役に立ちます。モデルやプロンプトへの変更はすべて、あなたのサイトに届く前に実在のウェブサイトでテストしています。
ページでリグレッションテスト。実在のサイトから22ページ、テストサイト3つ(英語とスウェーデン語)
捏造の許容数。数字とメールアドレスは必ずページに載っているものだけ
つの導入方法をエンドツーエンドでテスト。ビルドステップ、Webflow、スニペット
ページのバージョンごとの生成回数。同じページなら同じ結果をキャッシュから
- 事実チェック。 価格、電話番号、日付、メールアドレスをページと照合します。
- 文字数チェック。 タイトルと説明文はGoogleに表示される長さに収めます。
- 正しい構造化データ。 パースと型チェック済み。Googleが廃止したリッチリザルトの種類は使いません。
- 一対一の比較レビュー。 新しい出力は前回承認されたものと比較し、明らかに劣れば不合格です。
ページの言語で書きます。もちろん日本語でも。
- English
- Svenska
- Deutsch
- Français
- Español
- Italiano
- Nederlands
- Dansk
- Norsk
- Suomi
- Polski
- Português
- 日本語
- 한국어
- Türkçe
- Čeština
- Ελληνικά
- Română
- Magyar
- Українська
- Eesti
- Latviešu
- Lietuvių
- Íslenska
料金はページ数で。訪問者数では決まりません。
各ページの初回作成は料金に含まれます。その後は、ページの内容が変わったときだけ書き換えを消費します。価格は税抜です。年払いは10か月分の料金。いつでも解約できます。
Free
€0ずっと無料- 1サイト
- 25ページ
- 月25回の書き換え
- 上限で停止
Starter
€39月額 · 年額€390- 1サイト
- 500ページ
- 月500回の書き換え
- 追加の書き換え €0.03
Growth
€89月額 · 年額€890- 1サイト
- 2,500ページ
- 月2,500回の書き換え
- 追加の書き換え €0.03
Agency
€249月額 · 年額€2,490- 10サイト
- 10,000ページ
- 月10,000回の書き換え
- 追加の書き換え €0.03
よくある質問
開発者は必要ですか?
コードベースのサイトなら、ビルドスクリプトに1行追加するだけです。Webflowでは、サイトトークンを作成してダッシュボードに貼り付け、Webflowの設定でWebhookのリンクを追加します。
すでに設定したSEOは上書きされますか?
各ページについて、新しいタイトル、meta description、リンクプレビュー用のタグを書きます。canonical URL、robots指定、構造化データの種類、既存のalt属性はそのまま残ります。
日本語のページにも対応していますか?
はい。Headlarkは各ページの言語で書きます。日本語のページには日本語のタイトル、meta description、alt属性を、英語のページには英語で書きます。
AIが事実と違うことを書きませんか?
ページに書かれている内容だけを使うよう指示しており、書いた数字、日付、メールアドレスはすべて公開前にページと照合します。価格が載っていないページに価格が書かれることはありません。
再デプロイするとどうなりますか?
変更のないページはキャッシュからそのまま返るので、結果は同じで料金もかかりません。書き換えるのは内容が変わったページだけです。
SPA(シングルページアプリ)でも使えますか?
はい。ビルド時にプリレンダリング(Vite SSG、Next.jsの静的エクスポート、Astro)してから、ビルドステップを追加してください。検索エンジンとリンクプレビューは、後からJavaScriptで追加されたタグではなく、HTMLに含まれた実際のタグを受け取れます。
どのプラットフォームに対応していますか?
ビルド時にHTMLを生成するものなら何でも。Vercel、Netlify、GitHub Pages、任意のCIで、Next.jsの静的エクスポート、Vite、Astro(専用インテグレーションnpx astro add astro-headlarkあり)などに対応します。WebflowはAPI経由で、コードを貼ることしかできないサイトはスニペットで対応します。
私のコンテンツでAIを学習させますか?
いいえ。ページはあなたのメタデータを書くためだけに使います。
料金はいくらですか?
1サイト25ページまで無料。有料プランは500ページで月額€39からです。料金はページ数と書き換え回数で決まり、ページビューでは決まりません。