Canvaで作ったデザインを共有したいとき、リンクを貼ればよいのか、ページ内に埋め込めばよいのかで迷いやすいです。特に、資料、チラシ、プレゼン、動画、Webサイト用パーツでは、見せ方によってクリック率や見やすさが変わります。
大切なのは、Canvaのリンク埋め込みには大きく分けて、デザイン内にリンクを入れる方法と、Canvaデザインを外部サイトへ埋め込む方法がある点です。この記事では、自分の目的に合う使い方、設定手順、表示されないときの確認ポイントまで整理します。
＼Canvaの使い方が分かると評判の本／
ポチップ
canva リンク 埋め込みは目的で分ける
canva リンク 埋め込みで最初に整理したいのは、何をどこに埋め込みたいのかです。たとえば、Canvaで作ったPDF資料の中に問い合わせページへのリンクを入れたい場合と、WordPressやホームページ上にCanvaのプレゼン資料を表示したい場合では、必要な操作がまったく違います。ここを混同すると、リンクを設定したのにクリックできない、埋め込みコードを貼ったのに表示されない、共有相手に見えないといった問題が起こりやすくなります。
基本的には、読者や閲覧者に別ページへ移動してほしいならリンク設定、ページ内でCanvaデザインをそのまま見せたいなら埋め込みを選びます。チラシやプレゼン資料ならリンク設定が向いていますし、Webページ内に資料やスライドを表示したいなら埋め込みが向いています。どちらも便利ですが、目的に合わない使い方をすると、見た目は整っていても成果につながりにくくなります。
| やりたいこと | 向いている方法 | 注意点 |
|---|---|---|
| 資料内のボタンから予約ページへ飛ばしたい | Canva内でリンクを設定する | PDFや公開ページなどリンクが有効な形式で共有する |
| ホームページにCanvaの資料を表示したい | 埋め込みコードを使う | 貼り付け先が埋め込みコードに対応しているか確認する |
| SNSでCanvaデザインを見せたい | 共有リンクを貼る | 相手に編集権限を渡さないように公開範囲を確認する |
| 印刷用チラシにWebページを案内したい | QRコードや短いURLを使う | 紙ではクリックできないためリンクだけでは伝わらない |
Canvaの中にリンクを入れる場合は、テキスト、画像、図形、ボタン風のパーツなどをクリック対象にできます。一方で、Canvaデザインを外部サイトに埋め込む場合は、共有メニューから埋め込み用のコードを取得し、WordPressやSTUDIOなどのページ編集画面に貼り付ける形になります。単にCanvaの共有URLを貼るだけでは、サイト上にきれいに表示されないこともあるため、表示方法に合わせて使い分けることが重要です。
特にビジネス用途では、リンクを入れる場所も大切です。問い合わせ、予約、購入、資料請求、LINE登録など、閲覧者に取ってほしい行動があるなら、リンクを目立つ場所に置く必要があります。逆に、本文中のあちこちにリンクを増やしすぎると、どこを押せばよいか分からなくなります。Canvaはデザインがきれいに作れる分、見た目を優先しすぎて導線が弱くなることもあるため、リンクの目的を先に決めてから作ると失敗しにくいです。
まず確認したい使い方
Canvaでリンクや埋め込みを使う前に、完成後の使い道を確認しておくと判断しやすくなります。オンラインで見せる資料なのか、PDFで配布するのか、Webページに掲載するのか、印刷するのかによって、リンクの意味が変わるからです。たとえば、営業資料をPDFでメール送付するならリンク設定は有効ですが、紙に印刷して配るチラシではリンクを設定してもクリックできません。その場合は、QRコードや検索キーワードを併用する必要があります。
デザイン内リンクの場合
Canvaデザイン内にリンクを入れる方法は、ボタンやテキストから外部ページへ誘導したいときに便利です。たとえば、サービス紹介資料の最後に問い合わせフォームへのリンクを入れたり、セミナー告知画像に申込ページへのリンクを設定したりできます。Canvaの編集画面でリンクを付けたい要素を選び、リンクの設定欄にURLを入れる流れなので、難しいコードの知識はほとんど必要ありません。
ただし、リンクが有効になるかどうかは、共有や書き出しの形式に左右されます。Canva上の公開リンクやPDFではリンクが使えることが多い一方、画像としてダウンロードしたPNGやJPGではクリックできません。SNS投稿用の画像にリンクを入れたつもりでも、InstagramやXに画像として投稿すると、画像上のボタンは見た目だけになります。この場合は、投稿文のURL、プロフィールリンク、ストーリーズのリンク機能など、投稿先の仕様に合わせる必要があります。
リンクを設定する要素は、閲覧者が押せると分かる見た目にすることも大切です。青色の下線付きテキスト、ボタン風の四角い図形、矢印アイコンなどを使うと、クリックできる場所だと伝わりやすくなります。逆に、普通の装飾テキストや小さなロゴにリンクを入れると、閲覧者が気づかないまま離脱することがあります。Canvaでリンクを入れるときは、デザインの美しさだけでなく、押しやすさと分かりやすさも一緒に考えるとよいです。
外部サイト埋め込みの場合
Canvaデザインを外部サイトに埋め込む方法は、Canvaで作った資料やスライドをホームページ上でそのまま見せたいときに使います。たとえば、サービス案内のプレゼン資料、イベント資料、メニュー表、営業資料、採用向けスライドなどを、Webページに表示できます。Canva側でデザインを更新すると、埋め込んだ先にも反映される場合があるため、頻繁に内容を変える資料との相性がよいです。
ただし、外部サイト側が埋め込みコードに対応していないと、うまく表示できないことがあります。WordPressならカスタムHTMLブロック、STUDIOなら埋め込み用のボックス、その他のホームページ作成ツールならHTMLや埋め込みコードを貼れるエリアを使うのが一般的です。反対に、HTMLコードの貼り付けが制限されている無料ブログや一部のページ作成サービスでは、コードが消えたり、文字として表示されたりすることがあります。
埋め込みを使う場合は、ページの読み込み速度にも注意が必要です。Canvaデザインは画像やスライドを含むため、ページ内に大きな資料を複数埋め込むと表示が重くなることがあります。スマホ閲覧が多いページでは、埋め込みよりもサムネイル画像とリンクを組み合わせたほうが見やすい場合もあります。閲覧者にその場で内容を見せたいのか、別ページでじっくり見てもらいたいのかを考えて選ぶと、使い分けがしやすくなります。
Canvaでリンクを入れる手順
Canvaのデザイン内にリンクを入れる手順は、リンクを付けたい対象を選ぶところから始まります。テキストだけでなく、画像、図形、アイコン、ボタン風に作ったパーツにもリンクを設定できます。実際の運用では、ただURLを貼るだけでなく、どの画面で、誰が、何のために押すのかを考えて設置することが大切です。問い合わせ、予約、購入、LINE登録、資料ダウンロードなど、目的ごとにリンク先を分けると、閲覧者が迷いにくくなります。
リンクを設定する流れ
Canvaでリンクを設定するときは、まず編集画面でリンクを付けたいテキストや素材をクリックします。次に、上部メニューや右クリックメニューからリンク設定を開き、誘導したいページのURLを入力します。デザイン内の別ページに移動させたい場合は、外部URLではなく同じデザイン内のページを指定できることもあります。プレゼン資料やPDF資料で目次から各ページへ移動させたいときは、この内部リンクが便利です。
リンク先には、なるべく最終的に見てほしいページを指定します。たとえば、サービスサイトのトップページではなく、問い合わせフォーム、予約ページ、商品ページ、LINE登録ページなど、行動につながるページを指定したほうが効果的です。特に、Canvaで作った営業資料や提案資料では、最後のページに問い合わせボタンを置くだけでなく、料金表や事例紹介の近くにも関連リンクを入れると、読者が興味を持ったタイミングで移動しやすくなります。
設定後は、プレビューや共有リンクで実際にクリックできるか確認します。編集画面ではクリック操作が編集操作と重なることがあるため、完成後の表示状態で確認するのが安全です。PDFで使う場合は、ダウンロード後のPDFファイルを開いてリンクが動くか確認しましょう。ブラウザ、PDFビューア、スマホの表示環境によって挙動が少し変わることもあるため、重要な資料ではパソコンとスマホの両方で確認しておくと安心です。
押されやすい配置にする
Canvaでリンクを入れても、閲覧者が気づかなければクリックされません。特に、資料やチラシでは、リンクを入れたつもりでも見た目が普通の文字のままだと、押せる場所だと分かりにくくなります。問い合わせや申込みにつなげたい場合は、ボタン風の図形を使い、余白をしっかり取り、近くに短い説明文を添えると行動につながりやすくなります。
ボタンの文言は、具体的な行動が分かる形にするのがおすすめです。詳しくはこちらだけではなく、無料相談を予約する、料金表を見る、LINEで質問する、資料をダウンロードするなど、クリック後に何が起こるかが分かる言葉を使います。Canvaではボタン風の素材を簡単に作れるため、見た目を整えることに意識が向きがちですが、文言があいまいだとクリック率は上がりにくくなります。
また、リンクを置く数も調整が必要です。1ページにリンクが多すぎると、閲覧者はどれを押せばよいか迷います。サービス紹介資料なら、各章に補足リンクを置き、最後に主要な問い合わせリンクを置くくらいが扱いやすいです。イベント告知なら、詳細ページ、申込ページ、アクセス情報の3つ程度に絞ると分かりやすくなります。リンクは増やすほど便利になるわけではなく、目的に沿って整理することが大切です。
外部サイトに埋め込む方法
Canvaデザインを外部サイトに埋め込む場合は、Canva側で共有や埋め込みに関する設定を行い、発行された埋め込みコードをサイト側に貼り付けます。代表的な使い道は、WordPressの固定ページにCanva資料を表示する、STUDIOやノーコードサイトにプレゼンを載せる、イベントページにチラシを表示する、採用ページに説明スライドを掲載するなどです。画像として貼るよりも、資料感を保ったまま見せられる点がメリットです。
埋め込みに向くデザイン
埋め込みに向いているのは、更新があり、ページ内で見せる価値があるデザインです。たとえば、営業資料、イベント案内、プレゼン資料、メニュー表、講座スライド、採用説明資料などは、Webページ上に埋め込むことで閲覧者がその場で内容を確認できます。Canva側で修正すれば、埋め込み先に反映しやすい点も便利です。開催日、料金、講師情報、キャンペーン内容などを後から直す可能性がある資料では、画像を毎回差し替えるより管理が楽になることがあります。
一方で、すべてのデザインを埋め込めばよいわけではありません。ファーストビューの重要な画像、SEOでしっかり読ませたい文章、読み込み速度を重視するランディングページでは、Canva埋め込みよりも通常の画像やHTMLテキストのほうが向いていることがあります。埋め込みコンテンツは便利ですが、検索エンジンやスマホ表示に対して常に最適とは限りません。特に、本文として読ませたい情報は、ページ内の通常テキストとして用意したほうが伝わりやすいです。
埋め込みを使うか迷う場合は、閲覧者がその場で見る必要があるかで判断します。資料をページ内でめくって見せたいなら埋め込み、詳しい情報ページへ誘導するだけならサムネイル画像とリンク、SEO記事の本文として伝えたいなら通常テキストが向いています。Canvaはデザイン表現に強いツールなので、サイトの文章や導線をすべてCanva内に閉じ込めるより、Webページ側の役割と分けて使うと効果的です。
| 掲載方法 | 向いている場面 | 弱点 |
|---|---|---|
| Canva埋め込み | 資料やスライドをページ内で見せたい | ページが重くなることがある |
| 画像として掲載 | チラシやバナーを軽く見せたい | 画像内のリンクはクリックできない |
| 共有リンクを掲載 | 別画面で資料を開いてもらいたい | ページ内で直接内容を見せにくい |
| 通常テキストで掲載 | 検索流入や読みやすさを重視したい | Canvaらしいデザイン性は出しにくい |
WordPressで使う場合
WordPressにCanvaデザインを埋め込む場合は、ブロックエディタのカスタムHTMLブロックを使うのが分かりやすいです。Canvaで取得した埋め込みコードをそのまま貼り付け、プレビューで表示を確認します。固定ページ、投稿ページ、ランディングページの一部などに使えますが、テーマやセキュリティ設定によっては、コードが保存時に削除されたり、表示が崩れたりする場合があります。
特に、WordPressでは管理者権限、セキュリティプラグイン、サーバーのWAF設定が影響することがあります。コードを貼ったときに403エラーが出る、保存できない、プレビューでは見えるのに公開ページで表示されないといった場合は、Canva側だけでなくWordPress側の制限も確認しましょう。ブロックエディタでうまくいかない場合は、テーマ独自のHTML入力欄、ショートコード対応エリア、固定ページテンプレートなど、別の貼り付け場所で試す方法もあります。
また、スマホ表示の確認は欠かせません。パソコンではきれいに見えても、スマホでは横幅が合わずに見切れたり、高さが足りずにスクロールしにくくなったりすることがあります。重要な資料を埋め込む場合は、埋め込みの下に通常のリンクも用意して、表示されない人が別画面で開けるようにしておくと親切です。閲覧環境は人によって違うため、埋め込みだけに依存しない導線を作ることが大切です。
ノーコードサイトの場合
STUDIO、Wix、ペライチ、Googleサイトなどのノーコード系サービスでは、HTMLや外部埋め込みに対応しているかどうかがポイントになります。サービスによっては埋め込みボックスやHTMLブロックが用意されていますが、無料プランでは一部機能が制限されることもあります。Canvaの共有リンクを貼るだけでカード表示される場合もありますが、デザインをページ内にきれいに表示したいなら、埋め込みコードに対応しているかを先に確認したほうが安全です。
ノーコードサイトでよくある失敗は、リンクと埋め込みを同じものとして扱ってしまうことです。共有リンクは、クリックしてCanvaのページを開くためのものです。一方、埋め込みコードは、サイト内にCanvaデザインを表示するためのものです。URL入力欄に埋め込みコードを貼っても動かないことがありますし、HTML入力欄に共有URLだけを貼っても期待した表示にならないことがあります。貼り付け先の入力欄がURL用なのか、HTMLコード用なのかを見分けることが重要です。
ノーコードサイトでは、ページ全体の見た目との相性も確認しましょう。Canvaデザインの背景色、余白、横幅、フォントサイズがサイト側のデザインと合っていないと、埋め込み部分だけ浮いて見えることがあります。特に、スマホ表示では文字が小さくなりやすいため、Canva側のデザインを横長スライドではなく縦長にする、重要な文字を大きくする、ページ内には概要をテキストで書いて補足するなどの調整が必要です。
表示されないときの確認点
Canvaのリンクや埋め込みがうまく動かないときは、設定ミスだけでなく、共有範囲、書き出し形式、貼り付け先の制限、閲覧環境が関係していることがあります。原因を一つずつ切り分けると、無駄に作り直さずに済みます。特に、リンクがクリックできないのか、埋め込みが表示されないのか、共有相手だけ見られないのかで確認する場所が変わります。
共有範囲を見直す
Canvaデザインを他の人に見せる場合は、共有範囲の確認がとても重要です。自分のアカウントでは見えていても、相手には見えない場合、デザインが非公開のままだったり、特定メンバーだけに制限されていたりすることがあります。埋め込みや共有リンクを使うときは、閲覧者がログインなしで見られるのか、特定のチームメンバーだけが見られるのか、編集権限まで渡していないかを確認しましょう。
ビジネス資料では、編集リンクと閲覧リンクの取り違えにも注意が必要です。閲覧だけさせたい相手に編集権限を渡してしまうと、誤ってデザインを変更される可能性があります。反対に、社内メンバーに編集してもらいたいのに閲覧権限だけにしていると、修正作業ができません。Canvaのリンク共有では、誰に何を許可するかを確認してから送ることが大切です。
また、外部サイトに埋め込む場合は、公開後に別のブラウザやシークレットウィンドウで表示を確認すると安全です。自分がCanvaにログインしている状態では見えていても、一般の閲覧者には見えないことがあるからです。ホームページやブログに掲載する資料は、ログインしていない状態でも見られるかを確認しておくと、公開後のトラブルを減らせます。
形式の違いに注意する
リンクがクリックできないときは、まず書き出し形式を確認します。Canvaで作ったデザインをPNGやJPGとして保存すると、リンク情報は基本的に画像内に残りません。画像の中にボタン風のデザインがあっても、それはただの見た目になります。クリックできる資料として配布したいなら、PDF形式やCanvaの公開リンクなど、リンクを扱える形式を選ぶ必要があります。
PDFでも、閲覧環境によってリンクの見え方や動作が変わることがあります。ブラウザで開く場合、PDF閲覧アプリで開く場合、スマホの標準ビューアで開く場合では、リンクの反応が異なることがあります。大切な資料では、ダウンロード後に実際のPDFを開き、ボタン、テキストリンク、QRコードのすべてを確認しましょう。特に、申込期限があるイベント資料や、広告から配布するPDFでは、リンク切れが成果に直結します。
外部サイトに埋め込む場合は、貼り付け先がHTMLコードを許可しているかを確認します。ページ作成サービスによっては、安全対策として一部のコードを自動的に削除することがあります。保存したらコードが消える、公開ページでは空白になる、スマホだけ表示されないといった場合は、Canvaのコードではなくサイト側の仕様が原因のこともあります。共有リンク、画像掲載、PDFダウンロードへの切り替えも選択肢に入れておくと対応しやすいです。
見た目と速度を確認する
Canvaデザインを埋め込んだページは、表示速度や操作性も確認する必要があります。特に、スライド枚数が多い資料、動画を含むデザイン、高解像度の画像が多いデザインは、ページの読み込みが重くなることがあります。パソコンでは問題なくても、スマホ回線では表示に時間がかかり、閲覧者が途中で離れてしまう可能性があります。
対策としては、ページ内に埋め込む資料を1つに絞る、不要なページを減らす、動画ではなく画像やリンクにする、概要はページ本文に書いて詳細資料だけ埋め込むといった方法があります。Canvaのデザインをそのまま見せたい気持ちは分かりますが、Webページでは読み込みの軽さも大切です。特に、広告用のランディングページやスマホ閲覧が多いページでは、埋め込みよりも軽い画像とリンクのほうが成果につながることもあります。
表示確認では、横幅、余白、ボタンの押しやすさも見ておきましょう。Canvaで作った横長スライドをスマホで見ると、文字が小さくなりすぎる場合があります。資料として見せたいなら、スマホでも読める文字サイズにするか、縦長デザインを別に作ると見やすくなります。埋め込みは便利な機能ですが、閲覧者にとって読みやすいかを基準に調整することが大切です。
使い分けで失敗を減らす
Canvaのリンク埋め込みで失敗を減らすには、制作前に用途を決めておくことが一番です。作ってからリンクを入れる、公開してから埋め込みを考えるという流れだと、デザインの比率、文字サイズ、ボタン配置、共有範囲を後から直す必要が出てきます。先に使い道を決めておけば、PDF向け、Web掲載向け、SNS向け、印刷向けで適した作り方を選べます。
PDF資料ならリンク重視
PDF資料として配布する場合は、リンク設定が特に役立ちます。営業資料、サービス案内、講座資料、採用案内、イベントパンフレットなどでは、閲覧者が興味を持ったタイミングで問い合わせや申込みに進める導線が必要です。Canva内にボタン風のリンクを設置し、最後のページだけでなく、料金表、事例、よくある質問の近くにも関連するリンクを置くと自然に行動しやすくなります。
PDF資料で注意したいのは、リンク先を増やしすぎないことです。すべてのページに別々のリンクを置くと、読者は次に何をすればよいか迷います。問い合わせを増やしたい資料なら、主要なリンクは問い合わせフォームや予約ページに絞り、補足として事例ページや料金ページを置く程度が扱いやすいです。また、紙で印刷される可能性がある資料なら、リンクだけでなくQRコードも入れておくと便利です。
PDFを配布する前には、ファイルを開いてリンク確認を行います。Canvaの編集画面では正しく見えていても、ダウンロード後のPDFでリンクが反応しない、リンク範囲がずれている、意図しない要素にリンクが付いていることがあります。メール添付、Googleドライブ共有、LINE送付など、実際の配布方法に近い形で一度テストすると安心です。
Web掲載なら表示重視
WebページにCanvaデザインを載せる場合は、リンクよりも表示の見やすさを優先して考えます。ホームページに埋め込む資料は、閲覧者がスクロールしながら自然に見られるか、スマホでも文字が読めるか、ページ全体の読み込みが重くならないかが重要です。きれいなデザインでも、表示が遅かったり、スマホで小さすぎたりすると、読まれにくくなります。
Canva埋め込みが向いているのは、資料として見せる価値があるコンテンツです。たとえば、会社案内スライド、イベント説明資料、講座カリキュラム、採用説明会資料などは、ページ内に埋め込むと分かりやすくなります。一方で、サービスの説明文や料金、アクセス情報など、検索にも関係する重要情報は、Canvaの中だけでなくページ本文にも書いておくとよいです。そうすることで、閲覧者にも検索エンジンにも内容が伝わりやすくなります。
Web掲載では、埋め込みの下に別リンクを用意するのも有効です。たとえば、資料が表示されない場合はこちらから開く、PDFで見る、別タブで開くといった導線があると、環境による表示不具合を補えます。Canva埋め込みをメインにしつつ、画像、テキスト、リンクを組み合わせると、見やすさと安定性のバランスが取りやすくなります。
印刷物ならQRコードを使う
Canvaでチラシ、ショップカード、POP、パンフレットを作る場合は、リンク設定だけでは不十分です。印刷物ではクリックできないため、Webページへ誘導したいならQRコードや短いURLを入れる必要があります。Canva上でボタン風のデザインを作っても、紙ではただの図形になるため、読み取れる形で導線を用意することが大切です。
印刷物にQRコードを入れるときは、サイズと余白に注意します。小さすぎるQRコードは読み取りにくく、背景色や装飾が近すぎるとスマホカメラで認識されにくくなります。ショップカードなら予約ページ、チラシならキャンペーンページ、POPなら商品詳細ページなど、紙を見た人が次に知りたい情報へ直接つながるリンク先を選びましょう。トップページに飛ばすより、目的に合ったページへ案内したほうが行動につながりやすいです。
また、QRコードだけに頼らず、短い説明文も添えると親切です。予約はこちら、詳しい料金を見る、LINEで相談する、地図を開くなど、読み取る理由が分かる言葉を近くに置きます。Canvaで印刷物を作る場合は、オンライン用のリンク設定ではなく、現実の行動に合わせた導線設計が必要です。紙で見る人、スマホで読み取る人、後で検索する人の動きを想像して作ると失敗しにくくなります。
自分に合う方法を選ぶ
Canvaのリンク埋め込みは、リンク設定、共有リンク、埋め込みコード、画像掲載、QRコードを目的に応じて選ぶと使いやすくなります。PDF資料ならクリックできるリンクを入れる、Webページなら埋め込みやサムネイルリンクを使う、SNSなら投稿先のリンク仕様に合わせる、印刷物ならQRコードを使うという考え方が基本です。
迷ったときは、まず完成物をどこで見せるのかを決めてください。メールで送る資料ならPDFリンク、ホームページで見せる資料なら埋め込み、Instagram投稿なら画像とプロフィールリンク、店舗チラシならQRコードが候補になります。次に、閲覧者にしてほしい行動を1つ決めます。問い合わせ、予約、購入、資料請求、LINE登録など、目的が決まるとリンク先や配置も自然に決まります。
最後に、公開前の確認を忘れないようにしましょう。リンクは実際にクリックする、埋め込みは別ブラウザで見る、スマホ表示を確認する、印刷物はQRコードを読み取るという流れで確認すると安心です。Canvaは手軽にデザインを作れる分、公開前のチェックを省きがちですが、リンクや埋め込みは閲覧者の行動に直結します。見た目を整えるだけでなく、押せるか、見えるか、迷わず進めるかまで確認してから公開すると、失敗を減らせます。
