ところで、「そもそもリンクってどういう仕組みなんだろう?」「外部リンクと内部リンクって何が違うの?」など、意外とリンクとは何かあいまいな理解で仕事を進めてはいないでしょうか。今回は改めて今更聞けないリンクの仕組みやリンクする方法を解説します。
リンクとは | 「ハイパーリンク」=「別のページに飛ぶ仕組み」
ハイパーリンクはインターネットを形成する重要な基幹部分と言えます。
「リンク」と「URL」の違い
一方、「リンク」は他のWEBページへ移動する仕組みです。
つまり、「URL」は場所を意味し、「リンク」はその場所への入り口だと理解しておけばOKです。
「リンクを貼る」とは | テキストや画像にリンクを貼ることで遷移が可能になる
リンクによるWEBページの遷移のイメージはこちら。リンクを貼らないとページの移動ができません。
リンクの貼り方は基本的にaタグを使用。<a href=”リンクしたいWEBページのURL”>表示したいテキストや画像</a>です。
「外部リンク」と「内部リンク」の違い
外部リンクは被リンクとも呼ばれ、多く被リンクされたサイトは良いサイトと判断されるため、以前から検索順位を左右する重要な存在です。多くのサイト運営者が被リンクの獲得に力を注いでいます。
「リンク」「URL」の実践的な使い方 | URLの調べ方~共有方法
ページ/画像のURLを調べてコピーし、メールやチャットで送る場合
【画像のURLの調べ方】【1】images.google.com に移動し、画像を検索します。【2】画像検索結果から共有したい画像をクリックします。【3】画像右上の点が三つ並んだアイコン①をクリックし、②「共有」をクリックします。【4】「クリックしてリンクをコピー」 をクリックします。これで画像のURLがコピーで来たので、メールなどに貼りつけて共有しましょう。
Chromeで閲覧しているURLを他のユーザーと共有する場合
【1】アドレスバー右横の☆マーク隣りの①アイコンをクリックします。(ご利用のOSによりアイコンのマークは変わります。画像はWindowsのものです)【2】共有方法を選びクリックします。
「リンク」「URL」の実践的な使い方 | バナーや任意の画像にリンクを貼る方法
今回はHTMLなどをプレビュー表示できるWEBツール「Code Pen」を利用して解説します。「Code Pen」はアカウント登録すれば基本機能は無料で使えるのでリンクの見え方などを確認する際に便利です。
こちらが「Code Pen」の画面です。①にHTMLのコードを打ち込むと②にリアルタイムでプレビューが表示されます。
ここでは、<a href=”「在宅百貨」のURL”><img src=”猫の画像のエンコード”></a>と入力し、下のプレビュー画面にあるように猫の画像をクリックすると「在宅百貨」へジャンプできるようリンクを貼ってみました。
「リンク切れしているページ」だけを見つけて修正するのも有意義
もっとも、ひとつひとつ手作業でリンクの有効性を確認するのは大変手間がかかります。そこで、まとめてリンク切れを確認できる「リンク切れチェッカー」を使用することをおすすめします。
リンク切れがないか確認したいWEBページのURLを入力して「チェック」をクリックするだけでチェックできます。定期的に確認するようにしましょう。
まとめ | 在宅百貨では「コクヨ製品の紹介」や「おすすめ記事紹介」にリンクを使っています
スタンディングデスクは健康と気分転換に効果あり!選び方【コクヨ編集部も愛用】 -
テレワークの流行により、自分でワークスペースを作る機会が増えたいま、スタンディングデスクが人気。1日中座ったままで仕事をしていると、血流が悪くなり健康に悪影響を及ぼすことも。欧米ではいち早くスタンディングデスクが普及しており、実はコクヨ「在宅百貨」編集部の筆者も個人的に愛用しています。この記事ではその効果とメリットをご紹介します。