Webflowを使ったSEO設定の仕方【11Days/Webflow大学】

そもそもSEOとは？

今から設定するSEOについてWikipediaには次のように書かれています。

“検索エンジンのオーガニックな検索結果において、特定のウェブサイトが上位に表示されるよう、ウェブサイトの構成などを調整すること。また、その手法の総称。”(Wikipedia参照)

つまり自分のサイトが検索結果で上に表示されるように設定することをSEOと呼びます。上位表示されるとサイトへの訪問が増え、ウェブサイトとして最も効果を出すことができます。Webで収益化したい方などは必須です。

SEOの上位表示テクニックには「これ」と決まっているものがなく、「おそらく効果があるだろう」という、経験と予測から判断されるものが多いです。もしSEOに詳しくなりたければ、自分で多方面から知識を取り入れ、実践するしか無いというわけです。2023年時点ではGoogleがSEOの概要を公式発表したのでGoogle公式から学ぶ事もできます。

「とにかくSEOはとても重要だ、、」とわかったところでWebflowでSEOを設定していきましょう。今回はあくまでもWebflowでのSEO設定方法であり、上位表示させるためには他にもいくつか対策する必要があります。Webflowでサイト制作する際にするべきSEO対策は以下の記事で紹介しています。

SEOを実際に設定する

Webflow大学を進めている方は上記の解説を参考にホームページ・コンタクトページにSEOタイトル、メタディスクリプション、OGPを自分のオリジナルで設定しましょう。可能であれば自分の名前や他の検索しても出てこないようなタイトルにすることで検索時に表示させることができます。

注意：Googleに表示させるためにはGoogle Consoleにサイトを登録する必要があります。作ってPablishuしただけではサイトは表示されないので注意。

CMSページのSEO設定方法

SEOはページごとに設定する必要があります。一つのページで集客するよりも複数ページで一気に集客したほうが効果が高いのは明らかですよね。

今回はCMSを使用してプロジェクトページを作成したので、SEO設定もCMSを使用して作成します。設定する場所は同じなので、まずはCMSページのSEO設定画面を開きます。

なにやらホームページの時にはなかった「＋Add Field」が表示されています。クリックしてみましょう

そこにはCMSの入力Fieldがズラリと並んでいます。項目を選択するとCMSで入力情報がタイトルタグに反映し、②のように紫で表示されます。

①は手打ちでタイトルを入力しています。手打ちは全ページのタイトルに反映されるので、全ページで表示したい情報は手打ちで行いましょう。

②は各ページごと、CMSで入力された情報が表示されます。いちいちタイトルを入力する必要がなく、とても楽です。

メタディスクリプションの入力フィールドを作成

メタディスクリプションではページ全体の説明をする必要があるので、ページごと記入内容は異なります。毎回SEO設定を開いて記入するのはめんどうなので、CMSにメタディスクリプションの項目を作ってしまうのが手っ取り早いです

ということで、CMSにFieldを追加します。テキストの最大値を設定すると文字数が多くなりすぎないので便利です。

フィールドを作成したら各自オリジナルでメタディスクリプションを作成しましょう。このパートは公式動画では紹介されていないので、各自オリジナルで文章を作る必要があります。練習でポートフォリオサイトを作成している人はCMSで既に入力している「Brief project description」の文言を使用してもOKです。本運用を目指す方はSEOの観点から違う文章を入れて作成したほうが良いです。

文章を入力し終わったらMeta Descriptionに、たった今作成したCMSの
Post Summaryタグを反映させましょう。OGPはすべてコピ−して作成。サムネイルはプルダウンでCMSを選択したら完成です。

まとめ

WebflowでSEOの設定を行う方法を解説しました。SEOはブログや企業サイトを運用する上で、とても重要です。SEOの対策だけで10万円以上の費用がかかるなんてこともよくある話。僕自身SEOでこのブログを運営してきて月に20万ぐらいは収益が安定していきました。それだけSEOは力があるので学ぶ価値ありです。僕に依頼も可能です。

さて、次回はデザイン変更を行います。デザインが好きな方にとっては楽しめる回かもしれません。それでは次回また頑張りましょう。お疲れさまでした。