当ページのリンクには広告が含まれています。このような「疑問を解決する」お手伝いをします!//誰でも簡単にできるよ!^^/osabooこんな方におすすめ!WordPressテーマAFFINGER6を使っている。リンクを設置するため基礎知識とWordPress(AFFINGER6)でリンクを貼る方法をご紹介します。リンクの基礎が、簡単にまるわかりです。「これだけ知ってれば十分」をお届けします。自分のサイト内でページからページへのリンク「内部リンク」の貼り方、自分のサイト以外のページへのリンク「外部リンク」の貼り方、同じページで特定の場所から場所へ移動する「ページ内リンク」HTMLアンカーの貼り方についてご紹介します。埋め込みブロックを使った「ブログカード・Twitter・YouTube」等のリンクつてもご紹介します。増え続ける当サイトオリジナル特典付!-購入方法で迷ったら...こちらで確認【特典付きを購入しよう!】リンクの種類と使い方(役割)この章では、リンクの種類と使い方(役割)をご紹介します。別のwebページに移動または表示する「ページ間を繋ぐ」仕組みのことです。リンクの方向を示す表現として、発リンクと被リンクがあります。発リンク:自(内部)サイトのwebページから、他(内部・外部)サイトのwebページへリンクを貼ることを指します。被リンク:他(内部・外部)サイトのwebページから、自(内部)サイトのwebページへリンクを貼られることを指します。被リンクはGoogleが公式にSEOの評価項目として掲げているので良質な被リンクを獲得しているサイトは検索上位に表示されやすくなります。アクセス数の3つで評価されます。osaboowebページの内容と関連性が高い内容のページからリンクが貼られているか。信頼性が高いサイトからリンクが貼られているか。アクセス数は幾つなのか。ちなみに...この3つの評価は「内部・外部・ページ内」すべてのリンクに通じます。リンクの基本的な設置方法には、3種類あります。内部リンク:自(内部)サイトのページを繋ぐリンクのことです。外部リンク:自(内部)サイトのページと他(外部)のサイトのページを繋ぐリンクのことです。ページ内リンク:自(内部)サイトの同じページで任意の場所から場所へ移動するリンクのことです。サイト内を「検索・移動」しやすくするために使います。「情報収集」しやすいページ間にリンクを貼ることで情報の結びつきが強固になり、Googleなどの検索エンジンからの評価も期待できます。無関係なリンクは貼らないこと!一般的に関連ページや収益記事(キラーページ)への誘導に使います。収益記事(キラーページ)につて詳しく知りたい方はこちらからご覧ください。外部リンクの使い方(役割)外部リンクは、他(外部)サイトに誘導するときや引用元を掲示する場合に使用します。ページ内リンクの役割ページ内リンクは、任意の場所から場所へ移動する場合に使います。参考例ページ中に〇〇という語句が多数使われていて、〇〇の説明文が1箇所に△△△とあるとします。〇〇の語句ごとに説明文△△△をつけるのは大変というときにページ内リンクを使って飛ばします。〇〇から△△△へ飛ぶリンクを「〇〇」に貼るという手法です。記事編集画面での作業になります。この章では、テキストリンクの貼り方をご紹介します。テキストリンクとは、文章の中の文字列(テキスト)にリンクを貼りつけることを指します。次の2通りの貼り方をご紹介します。テキストを選択するリンクの貼り方リンクタイトルを後から付ける貼り方それでは順番にご紹介していきます。手順は以下の通りです。リンクを貼るテキストを選択します。リンクアイコンをクリックします。リンク先ページのURLを入力します。(例:https://osaboo.com/how-to-convert/)送信ボタン(Enter)をクリックします。リンクを確認して完了です。リンクを貼る段落にカーソルを合わせてクリックすると、以下の様なピックアップメニューが段落の上に表示されます。❶リンクを貼る文字列を選択します。❷リンクアイコンをクリックします。リンクアイコンをクリックすると追加ピックアップメニューが段落の下に表示されます。❸リンク先ページのURLを入力します。❹送信ボタン(Enter)をクリックします。❸リンク先ページのURLはコピペでOKです。『新しいタブで開く』は任意で設定してください。リンクされた部分が青色になって表示されます。❺リンクを確認して完了です。手順は以下の通りです。リンクを挿入する位置にカーソルを置きます。リンクアイコンをクリックします。リンク先ページのURLを入力します。(例:https://osaboo.com/how-to-convert/)送信ボタン(Enter)をクリックします。URLが表示される部分をクリックします。編集アイコンをクリックします。TEXT領域にリンクの代替テキストを入力します。送信ボタン(Enter)をクリックします。代替テキストを確認して完了です。リンクを貼る段落にカーソルを合わせて左クリックすると、以下の様なピックアップメニューが段落の上に表示されます。❶リンクを挿入する位置にカーソルを置きます。❷リンクアイコンをクリックします。リンクアイコンをクリックすると追加ピックアップメニューが段落の下に表示されます。❸リンク先ページのURLを入力します。❹送信ボタン(Enter)をクリックします。リンク先のURLが挿入され、リンク部分が青色になって表示されます。❺URLが表示される部分をクリックします。リンク部分をクリックするとリンク先の概要とピックアップメニューが段落の下に表示されます。❻編集アイコンをクリックします。編集アイコンをクリックすると段落の下に表示されたピックアップメニューが変わります。❼TEXT領域にリンクの代替テキストを入力します。❽送信ボタン(Enter)をクリックします。リンク先のURLテキストが❼で入力した内容に変更されて表示されます。❾代替テキストを確認して完了です。記事編集画面での作業になります。この章では、画像にリンクを貼る方法をご紹介します。手順は以下の通りです。画像を挿入する位置にカーソルを置いて『+』をクリックします。(ブロックを追加します。)画像アイコンをクリックします。メディアライブラリをクリックします。画像を選択して記事編集画面に読み込みます。リンクアイコンをクリックします。リンク先ページのURLを入力します。画像にリンクが貼れているか確認して完了です。それでは順番にご紹介していきます。リンクを貼る画像を用意します。❶画像を挿入する位置にカーソルを置いて『+』をクリックします。❷画像アイコンをクリックします。画像アイコンをクリックすると以下のメニューが表示されます。この記事では『メディアライブラリ』から画像を選択する手順で進みます。❸メディアライブラリをクリックします。メディアライブラリより画像を選択します。(選択画面省略)画像が記事編集画面に表示され、選択した画像の上にピックアップメニューが表示されます。❹リンクアイコンをクリックすると追加ピックアップメニューが下に表示されます。❹リンクアイコンをクリックします。❺リンク先ページのURLを入力します。❻送信ボタン(Enter)をクリックします。画像にリンクが貼れているか確認して完了です。内部リンクで画像を絡めたリンクには、ブログカードを段落のようにブロック挿入する方法があります。AFFINGER6ならブログカードを色々な表示方法で簡単にページに挿入できますよ!興味のある方はこちらの記事をご覧ください。記事編集画面での作業になります。この章では、ページ内リンクの貼り方▶︎HTMLアンカーをご紹介します。手順は以下の通りです。▶︎『HTMLアンカー』(ウェブアドレス)を入力します。▶︎『#+HTMLアンカー』を入力します。それでは順番にご紹介していきます。リンク(移動)先の設定手順リンク(移動)先の設定手順は次の通りです。記事編集画面の右上側の『』をクリックします。ブロックタブをクリックします。リンク(移動)先に設定する段落(見出し・画像)をクリックします。ブロックタブのメニューを下側にスクロールします。高度な設定をクリックして詳細メニューを開きます。HTMLアンカー下の枠内に任意の名称を入力して完了です。(任意名称はアルファベットで短いものが望ましいです。手順を進めると以下の画面のようになります。リンク(移動)元にリンクを貼る手順リンク(移動)元にリンクを貼る手順は次の通りです。リンク(移動)元となるテキストを選択します。リンクアイコンをクリックします。移動先のHTMLアンカーの前に『#』をつけてURLを入力します。#移動先)送信ボタン(Enter)をクリックします。リンクを確認して完了です。リンク(移動)元となる段落にカーソルを合わせてクリックすると、以下の様なピックアップメニューが段落の上に表示されます。❶リンク(移動)元となるテキストを選択します。❷リンクアイコンをクリックします。リンクアイコンをクリックすると追加ピックアップメニューが段落の下に表示されます。枠内に『#』とリンク先の『HTMLアンカー』を入力します。(次の画像を参照)❸に文字列を入力すると段落の下に表示されている追加ピックアップメニューの表示が以下のようになります。❸移動先のHTMLアンカーの前に『#』をつけてURLを入力します。#移動先)❹送信ボタン(Enter)をクリックします。『新しいタブで開く』は基本的に不要です。任意ですが...リンクされた部分が青色になって表示されます。❺リンクを確認して完了です。今回ご紹介した内容はページ内リンクですが別のページ内にもリンクを貼ることができます。別ページのURLを記述することで別のページ内リンクが可能です。記事編集画面での作業になります。この章では、その他のリンクの貼り方をご紹介します。ボタンにリンクを貼るブログカードを埋め込む埋め込みブロックまとめそれでは順番にご紹介していきます。ボタンにリンクを貼る(STINGER:カスタムボタン)ボタンにリンクを貼る手順は次の通りです。記事編集画面の左上側の『+』をクリックします。左側にブロックメニューが確認できます。ブロックタブをクリックします。ブロックタブのメニューを下側にスクロールします。STINGERのSTINGER:カスタムボタンをクリックします。記事編集画面にカスタムボタンが表示されます。記事編集画面の右上側の『』をクリックします。右側にタブメニューが表示されます。ブロックタブをクリックします。ブロックタブのメニューを下側にスクロールします。リンクボタンにリンクが貼れているか確認して完了です。ブロックメニューを表示します。❶記事編集画面の左上側の『+』をクリックします。手順を進めると以下の画面のようになります。❼記事編集画面の右上側の『』をクリックすると以下のように右側にタブメニューが表示されます。ボタンにリンクが貼れているか確認して完了です。ブログカードを埋め込む実際に埋め込んだブログカードは以下のようになります。当サイトのトップページを埋め込んでみました。BLOGWordPressテーマ:AFFINGER6(アフィンガー6)の『初期設定・カスタマイズ・使い方』を主に紹介するブログサイト。ブログ初心者向けに稼ぐブログの始め方や運営方法を初心者目線で解説。「初心者だから解る!解らない事」を丁寧にお伝えしています。ブログカードを埋め込む手順は次の通りです。記事編集画面の左上側の『+』をクリックします。左側にブロックメニューが確認できます。ブロックタブをクリックします。ブロックタブのメニューを下側にスクロールします。埋め込みのWordPressをクリックします。記事編集画面にWordPressの埋め込み画面が表示されます。埋め込むURLを入力します。埋め込みボタンをクリックします。(ブログカードの埋め込み作業は完了です。)プレビューでブログカードを確認して完了です。ブロックメニューを表示します。❶記事編集画面の左上側の『+』をクリックします。手順を進めると以下の画面のようになります。プレビューで埋め込んだブログカードを確認します。以下のように表示されればOKです。❾プレビューでブログカードを確認して完了です。埋め込みブロックまとめ(埋め込みURL・Twitter・YouTube・WordPress)埋め込みブロックの種類をご紹介します。操作手順はこれまでご紹介した内容とほぼ同じなので割愛します。必要に応じてぜひ試してくださいね。^^/AFFINGER6▶︎埋め込みパターン抜粋リンクの解除について最後にリンクの解除についてご紹介します。リンクを解除するにはリンクされている「テキスト・画像」等の要素を削除すればリンクも解除されます。次にご紹介するのは「テキスト・画像」等の要素を残してリンクのみを解除する方法です。テキストリンクを解除する方法テキストリンクをクリックします。テキストリンクの上側にピックアップメニューが表示され下側にリンク情報が表示されます。リンク解除アイコンをクリックして完了です。画像リンクをクリックします。画像リンクの上側にピックアップメニューが表示されます。次の手順でリンクを解除します。リンクを編集アイコンをクリックします。下側にリンク編集情報が表示されます。『x』をクリックして完了です。