デジタル名刺をHTMLで作るメリット
デジタル名刺は、氏名・肩書き・連絡先・SNSリンク・自己紹介などを1枚のWebページにまとめたものです。HTMLとCSSで作れば、レイアウトや配色を自由にデザインでき、専用アプリに縛られずに済みます。
紙の名刺と違って、相手はリンクをタップするだけでメール送信や電話発信、SNSフォローに進めます。受け取った側の手間が少なく、連絡につながりやすいのが利点です。地図や予約ページへのリンクを載せておけば、その場で次の行動に移ってもらえます。
デジタル名刺HTMLを共有URLにする手順
作成したデジタル名刺のHTMLは、共有URLにしてはじめて相手に渡せます。ファイルをそのままメール添付しても、相手の環境で開けるとは限らないからです。
- デジタル名刺のHTMLファイルを用意する
- ギガサイト便のトップページにそのHTMLをドロップする
- 発行された 〇〇.giga-site.com 形式の共有URLを確認する
- 覚えやすいカスタムスラッグに変更しておく
- QRコードを生成して名刺やメール署名、スマホ画面に載せる
共有前チェックリスト
デジタル名刺HTMLを共有は、共有する中身によって確認観点が変わります。見た目、操作、個人情報、外部送信、スマホ表示のどれが重要かを先に決めてからURL化します。
チェックリスト化しておくと、毎回同じ品質で共有できます。手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。
- 見た目: PC/スマホ、余白、画像、フォント、折り返しを確認する
- 操作: ボタン、リンク、フォーム、遷移先を確認する
- 情報: 顧客名、社内URL、価格、未公開文言が残っていないか見る
- 共有: 認証、期限、差し替え、レビュー依頼文をセットで決める
画像やアイコンを含む名刺はZIPでまとめる
顔写真やロゴ、SNSアイコン、Webフォントなどを使ったデジタル名刺は、HTML単体だと画像が表示されないことがあります。その場合はHTMLとCSS/JS/画像をまとめてZIPにしてドロップすれば、相対パスを保ったまま公開でき、意図したデザインのまま見てもらえます。
公開URLはHTTPSが自動で付き、CDNのエッジ配信で表示も速いので、対面で相手にQRコードを読み取ってもらう場面でも待たせずに開いてもらえます。
QRコードとカスタムスラッグで渡しやすくする
デジタル名刺は対面で渡す機会が多いので、QRコード配布が便利です。スマホにQRコードを表示して読み取ってもらう、紙の名刺の隅にQRコードを印刷しておく、といった使い方ができます。
URL末尾のカスタムスラッグを自分の名前や屋号にしておくと、口頭でも伝えやすく、相手の信頼感にもつながります。アクセスログを見れば、配った名刺が実際にどれだけ開かれたかも把握できます。
肩書きや連絡先が変わったときの更新
部署異動や独立、電話番号の変更があっても、ギガサイト便では同じURLのままファイルを差し替えられます。一度配ったQRコードやリンクはそのままに、中身だけ最新の情報に更新できるので、古い名刺を回収する必要がありません。
なお、誰でも見られる公開プロフィールではなく、特定の取引先にだけ渡したい連絡先一覧などの場合は、認証を併用してください。一時公開ページにはnoindexが付いて検索結果には出ませんが、noindexはアクセス制御ではないため、限定公開にしたいなら認証方式を選ぶ必要があります。
よくある質問
デジタル名刺HTMLを共有するのに会員登録は必要ですか？
会員登録なしでも公開できます。HTMLファイルをドロップするだけで共有URLが発行されるので、まず試してから必要に応じてプランを検討できます。
顔写真やロゴが表示されません。どうすればよいですか？
HTML単体だと外部の画像参照が切れることがあります。HTMLと画像・CSSをまとめてZIPにしてドロップすると、相対パスを保ったまま公開でき、写真やロゴも表示されます。
名刺に印刷したQRコードのリンク先を後から変えられますか？
同じURLのままファイルを差し替えられるので、QRコードはそのままに、表示される肩書きや連絡先だけを更新できます。QRコードを刷り直す必要はありません。
特定の相手にだけ見せたい名刺はどう守りますか？
一時公開ページにはnoindexが付き検索結果には出ませんが、これはアクセス制御ではありません。関係者以外に見せたくない場合は、パスワードやメール認証などの認証方式を併用してください。
改善後の記事では何を確認できますか？
共有前の確認点、認証と期限の考え方、差し替えやレビュー回収の流れを、実務でそのまま使える形で確認できます。