Canvaで作ったサイトをWordPressに埋め込む方法

Canvaで作ったホームページを、WordPressにそのまま表示できたら便利だと感じたことはありませんか？

実は、Canvaには作成したデザインをWebサイトに埋め込むための共有機能があり、WordPressにも比較的かんたんに表示できます。

本記事では、Canvaで作ったサイトをWordPressに埋め込む方法を解説していきます。

ただし、サイトの埋め込みは「表示スピードが遅くなりやすい」や「SEO的に不利になりやすい」といったデメリットがあります。

デメリットをしっかり踏まえた上で、WordPressに埋め込むか判断してみてください。

Canvaでホームページを制作するメリット・デメリットについては以下の記事にまとめています。

Canvaで作ったサイトをWordPressに埋め込む方法

Canvaで作ったサイトをWordPressに埋め込む手順は、下記のとおりです。

それぞれ具体的に説明します。

①：Canvaでサイトを制作する

Canvaのホームページ作成サービスで、好みのホームページを制作します。

>>Canvaのホームページ作成サービスへ

ホームページが完成したら、「Webサイトを公開」をクリックします。

②：埋め込みコードをコピーする

ホームページを公開できたら、画面右上の「共有」ボタンをクリックして、「すべて表示」をクリックします。

「埋め込む」をクリックします。

HTML埋め込みコードをコピーします。

③：WordPressに貼り付ける

まず、WordPressにログインします。

コピーしたHTML埋め込みコードを貼り付けていきますが、「LPモード」があればLPモードを選択、なければ固定ページを選択するのがいいかと思います。

LPモードはサイトだけ表示されますが、固定ページだとサイドバーやヘッダー・フッターなど見せたくない部分まで表示されてしまうからです。

イメージしにくい方は、ぜひ以下の動画をご覧ください。

◼︎LPモードで埋め込んだ場合

◼︎固定ページで埋め込んだ場合

「LPモード」もしくは「固定ページ」を開いて、投稿を追加します。

「カスタムHTML」というブロックを追加します。

先ほどコピーしておいたHTML埋め込みコードを貼り付けます。

これでCanvaで作ったサイトを、WordPressに埋め込むことができました。

実際にプレビュー画面を開いて、Canvaで作ったサイトが反映されているか確認してみましょう。

Canvaで作ったサイトを埋め込むデメリット

Canvaで作ったサイトをWordPressに埋め込めば、「独自ドメインでサイトを公開できるのでラッキー」と考えているかもしれません。

ただし、サイトの埋め込みはもちろんデメリットもあります。

それぞれ具体的に説明します。

もしSEO集客を本格的に考えるのであれば、ノーコードWeb制作ツールである「Studio」のような専門ツールを使うべきといえます。

検索エンジンからの集客は期待できない

Canvaの埋め込みはiframe表示のため、デザイン内のテキストや構造は検索エンジンにほとんど評価されません。

「iframe表示」とは、Webページの中に「別のWebページ」を枠として埋め込んで表示する仕組みです。ページを読み込む際に、Canvaのサーバーからデータを取得する流れになります。

その結果、ページ内容が薄いと判断されやすく、特定のキーワードで上位表示を狙うには不利になります。

集客を目的とする場合、WordPress側に十分な文章コンテンツを用意しないと、検索エンジンからの評価はほぼゼロになってしまいますので注意しましょう。

表示速度や操作性が不安定になりやすい

Canvaの埋め込みは外部読み込みのため、通信状況によって表示が遅れたり、スマホでスクロールしづらくなるケースがあります。

特に縦に長いデザインでは、ユーザー体験が悪化し、離脱につながる可能性があります。

Canvaの埋め込みに関するよくある質問

ホームページ制作は「Terace」にお任せ！