デザインからサイトへの監査

Framer SEO監査

Framerはデザインを高速なホスト型サイトに変えますが、SEO設定は初期状態でサイト全体の値になり、アニメーションでレイアウトがずれることもあります。Framer SEO監査では、エディターで変えるべき点とプラットフォームが対応する点を明確にします。

Framerでチェックする項目

Framerで公開したサイト向けの6つのチェックです。

Framerコンポーネントのバリアントは、表示されなくてもすべて公開バンドルに含まれます。未使用のバリアントを削除すると、各ページのJavaScriptが減ります。

Framerのページは、設定しない限りサイト全体のタイトルと説明文を引き継ぎます。スキャンしたページのタイトルや説明文の欠落・重複を指摘します。

キャンバスに配置した大きすぎる画像は、Largest Contentful Paintの要素になりがちです。表示サイズで書き出して配置すると改善します。

登場アニメーションや読み込みの遅いフォントは、表示後にコンテンツを動かし、Cumulative Layout Shiftとして現れます。

レスポンスヘッダーの多くはFramerのホスティングが管理しています。設定済みのものと変更できないものをレポートで示します。

ホスティング、CDN、HTMLの出力、多くのヘッダーはFramerが管理します。エディターで対応できる修正に集中できるよう、レポートで明示します。

URLからFramer専用レポートまで3ステップ。

framer.websiteのアドレスでも独自ドメインでも、公開中のFramerサイトなら対応します。

HTML内のgeneratorメタタグ、framerusercontent.comのアセット、data-framer属性からプラットフォームを判定します。

Framerエディターのどのパネルで修正するかを示し、プラットフォームの制約も明示します。

FAQ

向いています。Framerは高速なサーバーレンダリングのページを出力します。よくある課題は、ページごとのタイトルと説明文が初期値のまま、重いコンポーネントや画像、構造化データの不足です。

上書きするまで、ページはサイト全体のSEO設定を引き継ぎます。各ページのSEOパネルで、固有のタイトル、説明文、Open Graph画像を設定してください。

一部は可能です。未使用のコンポーネントバリアントや重い埋め込みを削除すると配信量が減ります。Framerのランタイム自体はプラットフォームが管理します。

ほとんどできません。Framerのホスティングがレスポンスヘッダーを管理しています。レポートでは設定済みのものを示し、残りはプラットフォーム管理として表示します。

他の技術別監査

Webflow

What's fixable inside the Designer vs. what's locked by the platform.

Squarespace

Site-wide feature scripts, structured data, and what the platform controls.

React

Bundle size, hydration, client-rendered content, and SEO gaps in SPAs.

ウェブサイト監査

あらゆる技術スタックに対応する、すべてのチェック項目。

無料 - 登録不要

ページごとのSEO、コンポーネントの重さ、画像、レイアウトのずれを、Framerエディター向けの修正方法付きでスコア化して解説します。