HTML応用編 情報・外部リンクタグ

tableセルの結合 | 文字の回り込み | 情報・外部リンクタグ | 
付加説明タグ | リンクの効果表現 | 擬似フレーム

1.ページ情報タグ

ページ情報タグは、titleMETA があり、<head>〜</head>に記入されます。
ページ情報タグはSEO対策にも意味があります。

1.title
ページタイトルを示すタグです。
FC2テンプレートでは、<title><%blog_name></title>と記入され、<%blog_name>という変数により、ブログ名をタイトルとして表示させています。

2.META
ページ情報を示すタグです。
製作者名、サイト内容、サイトキーワード、使用言語などが記入されます。

<META http-equiv="Content-Type" content="text/html; charset=○○">
  ページで使用している文字コードを示します。
<META NAME="ROBOTS" CONTENT="○○">
  サーチエンジンの検索を指定します。
  all(リンクも含む全て検索)、none(全て検索不可)
<META name="description" content="○○">
  ページ内容を記述します。
  サーチエンジン検索結果の表示サイト内容になります。
<META name="keywords" content="キーワード1,キーワード2,・・・">
  サーチエンジンの検索に与えるキーワードを記述します。

下3行のMETAタグについては、こちらのMETAタグ生成が便利です。

【サンプルコード】
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META NAME="ROBOTS" CONTENT="ALL">
<META name="description" content="METAタグについての解説">
<META name="keywords" content="METAタグ,解説">
ページで使用する言語を「Shift_JIS」、サーチエンジンの検索を全て許可、サイト内容「METAタグについての解説」、検索キーワード「METAタグ,解説」

その他にもMETAタグはありますが、専門書籍・サイトにまかせます。

2.外部リンク

スタイルシート、Javaスクリプトの内容を外部ファイルとして読み込ませます。
SEO対策にも効果があります。

<link rel="stylesheet" href="CSSファイルURL" type="text/css">
  スタイルシートを外部ファイル化します。
<script src="スクリプトファイルURL" type="text/javascript"></script>
  Javaスクリプトを外部ファイル化します。

【スタイルシート】
<style><!--
  〜
--></style>
部分のみをメモ帳などで書き出し、拡張子を「css」として保存・アップロードします。
<link rel="stylesheet" href="CSSファイルURL" type="text/css">
<head>〜</head>内に追加します。
(<style><!-- 〜 --></style>は削除してOKです。)

【Javaスクリプト】
<script><!--
  〜
--></script>
部分のみをメモ帳などで書き出し、拡張子を「js」として保存・アップロードします。
<script src="スクリプトファイルURL" type="text/javascript"></script>
<head>〜</head>内に追加します。
(<script><!-- 〜 --></script>は削除してOKです。)

どちらも、複数ファイルを呼び出すことが可能です。
その他方法や注意もありますが、詳しくは専門書籍・サイトにまかせます。

inserted by FC2 system