HTMLソースを見てみると、アメブロで重要なことがわかります・・・タイトル、説明、ニックネーム | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…

こんにちは、パソコンワンポイントレッスン!

PCインストラクターの川上です。


みなさんが見ている、書いているこのアメブロは、HTML(エイチ・ティー・エム・エル)という言語でできてきます。

試しに、IEであれば[表示]-[ソース]をクリック(右クリックして[ソースを表示]しても同じ)してみます。
(もちろん他のブラウザでもソースを見ることができます。→過去記事『投稿したブログのHTMLソースを見るには』をご参考に^^)

川上雄大のワンポイントレッスン


すると、このような文字列がずらりと・・・
文字列の羅列を見ただけで、めまいが・・・、という方もいらっしゃると思います^^;

川上雄大のワンポイントレッスン

しかし、少しその文字列の羅列を眺めてみますと・・・

実は、その中で大事なところがあります。


川上雄大のワンポイントレッスン


<meta name="description" content="パソコンが好きになるブログ~表技・裏技・便利技伝授!-Ameba PCインストラクター☆川上 雄大さんのブログです。北海道札幌市南区澄川駅徒歩1分のパソコンスクール「リズ澄川ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…" />
<meta name="keywords" content="パソコンが好きになるブログ~表技・裏技・便利技伝授!,PCインストラクター☆川上 雄大,ブログ,アメブロ,アメーバ,ameba" />
<title>パソコンが好きになるブログ~表技・裏技・便利技伝授!</title>



と書かれているところです。



本来、グーグルさんに見つけられやすくするためには、ここの

<meta name="description" content="~~~

<meta name="keywords" content="~~~


の文字を考えて入力するとよいのですが、アメブロさんはここを自由に書き換えさせてはくれません^^;


しかし、

マイページの「基本設定」をみると
私の場合、

川上雄大のワンポイントレッスン


タイトル→パソコンが好きになるブログ~表技・裏技・便利技伝授!

説明→北海道札幌市南区澄川駅徒歩1分のパソコンスクール「リズ澄川ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…



と入れています。


実は、そこに入れた、タイトル説明がそのままHTMLソースの上の方に表示されるようになっているのです。


ですから、グーグルさんに見つけてもらうには、この

タイトル説明

が重要だったりするわけです。


マイページの「基本設定」の「タイトル」で入力した文字は、ソースでは


<meta name="description" content="パソコンが好きになるブログ~表技・裏技・便利技伝授!-Ameba PCインストラクター☆川上 雄大さんのブログです。北海道札幌市南区澄川駅徒歩1分のパソコンスクール「リズ澄川ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…" />
<meta name="keywords" content="パソコンが好きになるブログ~表技・裏技・便利技伝授!,PCインストラクター☆川上 雄大,ブログ,アメブロ,アメーバ,ameba" />
<title>パソコンが好きになるブログ~表技・裏技・便利技伝授!</title>




と3か所(赤字部分)自動的に表示されます。



また、マイページの「基本設定」の「説明」で入力した文字は、ソースでは


<meta name="description" content="パソコンが好きになるブログ~表技・裏技・便利技伝授!-Ameba PCインストラクター☆川上 雄大さんのブログです。北海道札幌市南区澄川駅徒歩1分のパソコンスクール「リズ澄川ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…
" />
<meta name="keywords" content="パソコンが好きになるブログ~表技・裏技・便利技伝授!,PCインストラクター☆川上 雄大,ブログ,アメブロ,アメーバ,ameba" />
<title>パソコンが好きになるブログ~表技・裏技・便利技伝授!</title>




と自動的に(赤字部分)表示されます。



さらに、もう一つ自動的にソースに表示されるモノがあります。

それは、「プロフィール」の「基本情報」で設定する

「ニックネーム」です。

川上雄大のワンポイントレッスン

ニックネームは、このソースの中で、

<meta name="description" content="パソコンが好きになるブログ~表技・裏技・便利技伝授!-Ameba PCインストラクター☆川上 雄大さんのブログです。北海道札幌市南区澄川駅徒歩1分のパソコンスクール「リズ澄川ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…" />
<meta name="keywords" content="パソコンが好きになるブログ~表技・裏技・便利技伝授!,PCインストラクター☆川上 雄大,ブログ,アメブロ,アメーバ,ameba" />
<title>パソコンが好きになるブログ~表技・裏技・便利技伝授!</title>



と2か所(赤字部分)自動的に表示されます。


このことからも、

■3大アメブロ重要基本項目■
・タイトル
・説明
・ニックネーム



この3つはアメブロを運営する上で重要な箇所なのだとわかります^^!


ここをおざなりにしている方は、再度見直されてみてはいかがでしょうか。



<追記>
すでにヘッダー画像を表示している方は、ブログタイトルと説明を入れるとだぶって表示されてしまう場合があります。

その際には、こちらの過去記事『ヘッダー画像に文字を埋め込んだ場合のタイトルや説明文を非表示にする方法(CSS)』をご覧くださいませ^^!


また、説明文を非表示にするときに、
CSSの編集ができない方は、フリースペース編集かフリープラグインに

<style type="text/css">.skinDescriptionArea{display:none;}</style>

この1行↑を追加するとよいです。



以上、パソコンワンポイントレッスンでした。


LIDS澄川・ライフデザインスクール
川上 雄大