文字サイズを変更する前に

こんにちは。あきです。


今日はHTML、CSSやらタグやらといった言葉がたくさん出てきます。「なんだそれは?」という方はHTMLとはを参照してください。


さて本日はブログタイトルの文字サイズなどを変更していこうかと思ったのですが、FC2のHTMLを編集していて、いくつか気付いた事があるので、まずそれらをお伝えしていきます。



管理画面より文字サイズを変更しようと、前回使用していたテンプレートを編集しようとしたところ、あることに気付きました。



「あれ?<h1>タグがねえ!」



HTMLのタグの中でSEO対策に有効なタグがいくつかあります。

※SEO対策:検索エンジンの上位に自分のWEBページを表示するための対策。


1.<title>タグ
2.<h1>タグ
3.<h2>タグ
4.<h3>タグ
5.<a>タグ(アンカーテキスト、リンクタグと呼ばれている。記述例)<a href=”「リンク先URL」”></a>)


(あと<meta>タグなどもありますがそれらは後日)




通常<h1>タグはブログのタイトルに、<h2>タグはブログの説明文などに使用される事が多いのですが、前回編集したHTMLを見てみると<h1>~<h3>タグを使用している箇所がまったく見当たりません。


「えぇーっ?」


とデートに遅刻して彼女がいなかった時の様な困惑した表情を浮かべながら、他のテンプレートのHTMLを見てみると




「げっ。テンプレートによって記述方法が全然違う!」


遅れた事に彼女が怒り、帰宅してしまった。
その事実に気付いた瞬間に感じた切なさ。
そんな気分になりました。
………………………………………………….。


 


はい。どんな気分なんだか自分でもよく分かりません。


遠い昔、時間通りに行ったのにそこには誰もいなかった。その時感じたとてもやるせない気分だったような。そうでないような…。


 


えーとにかく、CSSで特定の箇所を編集すれば、文字サイズの変更方法をお伝えできると思っていた自分にとって、とても頭を悩ませるHTML君達です。



FC2のテンプレートはFC2の開発者だけではなく、多くのユーザーによって作成されているので、作成者によってHTMLの記述が全然違うのです。


そこで少し調べてみると、タイトル、説明文、本文など全てのテンプレートが共通で使用している文字列を発見したのでお伝えしておきます。



ブログのタイトル:<%blog_name>

ブログの説明文:<%introduction>

記事のタイトル:<%topentry_title>


本文:<%topentry_body>


これら<>で囲まれた文字は管理画面より入力された情報を変換して表示するための暗号。あ、いえ変数と呼ばれています。


文字サイズを変更する箇所は上記の内容で十分だと思うので、次回はこれらの変数に<h1>タグ等を使用し文字サイズを変更していこうと思います。


文字サイズを変更する前に」への5件のフィードバック

  1. モモ改め桃

    お久しぶりです!
    momochoのモモです。゚+.ヾ(´∀`*)ノ
    長期 物販の旅に出ていて 休暇中だったブログを復活させました。
    サイト名を変更し、HNも 桃になりました。
    今後もよろしくお願い致します。
    リニュにあたって、久しぶりにHTMLと格闘しました(笑)
    相変わらずAKIさんの説明好きだわ~♪
    ぽち。
    (あ。ウチはランキング休止しちゃいました。)
    では、また伺います(‘-’*)ヨロシク♪

    返信
  2. 【なお】在宅ワーク・内職のネットで稼ぐ情報館!!

    こんにちは、なおです^_^””
    今日はタイトル変更のお願いに参りました。,,,,,,,,,,,
    旧タイトルは,,,,,,,,,,,
    NAOママの稼ぐ秘密はひねり技!!100万オーバー戦略!
    新タイトルは
    在宅ワーク・内職のネットで稼ぐ情報館!!
    ヨロシクお願いいたします。
    最近、少し考えるところがありまして、
    方向性なども少し見直そうと思いまして、
    タイトルを変更しました。
    これからも、少しでも皆さんに良い情報を
    提供できるようにと思います。,,,,,,,,,,,
    ヨロシクお願いいたします。,,,,,,,,,,,
    “ぽち”

    返信
  3. ブログで稼ぐ!95%にならない手堅いアフィリエイト術@桃

    こんにちは!桃です。
    コメント嬉しかったです。ありがと。
    (*゚Д゚)ノあの~気づいちゃったんです!
    リニュの際、リンクチェックしていて…
    AKIさんとこリンクしてなかったの(涙)
    仲良くしていただいていたのに すっかりリンクしてあるとばっかり。
    そこで 早速☆リンクさせていただいちゃったのですがよろしいでしょうか?
    よかったら 桃と相互なんて いかがでしょうか。゚+.ヾ(´∀`*)ノ
    では、応援していきます!ぽっちん。

    返信

【もはやマニュアルのようなブログ】 にコメントする コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>