※当サイトは、Googleアドセンスプログラムに参加しています。また、アフィリエイトプログラムによる商品広告を表示する場合があります。

ブログで必須のHTMLタグ_引用、画像出典、埋め込み_これだけは押さえておきたい


この記事では、ブログの記事作成の際に頻繁に使用されるhtmlタグをご紹介します。ブロガー同志の皆さん(特に初心者の方)、正しいルールに基づいた情報発信活動を心がけましょう。

スポンサーリンク


オリジナルの著作権に敬意を払いましょう=ネット上の基本ルール

当ブログでは、北海道全域の情報を対象としているため、どうしても借り物の画像が多くなったり、他の情報源からの引用などが多くなってしまいます。

引用したり転載したりする場合には、著作権上のルールがあり、正しくルールに乗っ取っているということを示すために、ネット上では専用のタグを使って表示させる手法がとられます。

当ブログと同じように北海道の活性化のために情報発信しておられるブロガーの皆様(特に初心者の方)と、正しいルールを共有するために、よく使うタグをご紹介します。

なお、新聞や雑誌など「有料」の出版物からの引用は、直接承諾を得ない限り転載は認められないのが通例です。悪質な場合には訴えられることもあるので、気を付けましょう。

引用タグ(文章の引用)

タグ

<blockquote>
■■■ここに引用文が入る■■■

引用/<cite><a href=”■■■ここにURLが入る■■■”>■■■ここにサイト名が入る■■■</a></cite>
</blockquote>

事例

入力したタグ

<blockquote>
2020年11月16日にセイコーマートのPB商品として新発売となったカップ麺「焦がしラード塩ラーメン」は、スープをひと口飲んでびっくり!カップ麺でこのクオリティはすごい!

引用//<cite><a href=”http://hokkaido.lomo.jp/wp/?p=4368″>北海道ローカルニュース まち・ひと・しごと</a></cite>
</blockquote>

表示結果

<注意>上記タグをコピペして使用した際に「”」が全角の「”」になってしまった場合は、半角に直してください。

引用タグ(画像出典のみ)

タグ

画像出典/<cite><a href=”■■■ここにURLが入る■■■”>■■■ここにサイト名が入る■■■</a></cite>

※上記のタグを画像の「キャプション」記入欄に書き込む(ワードプレスの場合)

事例

入力したタグ

画像出典/<cite><a href=”http://hokkaido.lomo.jp/wp/?p=4368″>北海道ローカルニュース まち・ひと・しごと</a></cite>

表示結果

<注意>上記タグをコピペして使用した際に「”」が全角の「”」になってしまった場合は、半角に直してください。

埋め込み(ページへのリンク付き)

タグ

<iframe src=”■■■ここにURLが入る■■■” title=”■■■テキストが入る(引用元のページタイトル)■■■” class=”embed-card embed-webcard” scrolling=”no” frameborder=”0″ style=”display: block; width: 100%; height: 155px; max-width: 500px; margin: 10px 0px;”></iframe><cite class=”hatena-citation”><a href=”http://hokkaido.lomo.jp/wp/?p=4368″>hokkaido.lomo.jp</a></cite>

事例

入力したタグ

<iframe src=”https://hatenablog-parts.com/embed?url=http%3A%2F%2Fhokkaido.lomo.jp%2Fwp%2F%3Fp%3D4368″ title=”専門店のスープに肉薄!「焦がしラード塩ラーメン」セイコーマートのカップ麺_最高に旨い♪” class=”embed-card embed-webcard” scrolling=”no” frameborder=”0″ style=”display: block; width: 100%; height: 155px; max-width: 500px; margin: 10px 0px;”></iframe><cite class=”hatena-citation”><a href=”http://hokkaido.lomo.jp/wp/?p=4368″>hokkaido.lomo.jp</a></cite>

表示結果

<注意>上記タグをコピペして使用した際に「”」が全角の「”」になってしまった場合は、半角に直してください。

SNSの場合

Facebook、Twitter、Instagram、YoutubeなどのSNSは、各投稿ごとのメニューの中に「埋め込み」という機能があり、ここを選択することで「埋め込みタグ」を取得することができます。

スポンサーリンク




にほんブログ村 地域生活(街) 北海道ブログ 北海道情報へ
にほんブログ村

シェアする

  • このエントリーをはてなブックマークに追加

フォローする