みんなのビジネスオンライン解説

みんなのビジネスオンライン　サイトのタイトルを編集する

• 詳細
• 最終更新日 2012年3月30日（金曜）09:49

みんなのビジネスオンラインで製作したホームページの編集解説。今回は「サイトのタイトルを編集する」方法の解説です。

■サイトのタイトル

みんビズで作ったホームページは、どんなテンプレート・業種・デザインを選んでも、ページの上部に「サイトタイトル」を付けられるようになっています。

例えば右図のようなもの（赤い丸で囲んである部分）

この部分は文字（内容）を変更できるだけでなく、文字の大きさや位置・文字の色なども変更できるようになっています。

 

■手順

手順の説明では、「パソコン相談所」のみんビズ版サイトを例に解説をしていきます（基本的にはみんビズサイトであればどんなテンプレートでも作業手順は同じです）

編集モードへログインします。

右図のように、ヘッダー画像の部分にマウスを合わせると「ヘッダーを編集」という表示が表れますので、ここをクリックします。

 

編集画面メニューの「タイトル」部分をクリックします。

右図のような状態になります。

白枠の中へ、タイトルとして表示したい文字（文章）を入力すれば、ヘッダーの画像上にタイトルが反映されます。

 

「フォントサイズ」部分のメモリをマウスでドラッグして、右のほうへ動かせば、文字そのもののサイズを大きく出来ます（左に動かせば小さくなる）

 

「位置」部分のメモリを動かすことで、ヘッダー上での文字の位置を調節できます。

 

編集を終えたら、ヘッダー編集画面の一番下にある「閉じる」という文字をクリックすれば元に戻ります。

結果は右図のような感じ。

ちなみに、このサイト（パソコン相談所みんビズ版）は。見た目には

「経営とITの？を！に変えるお手伝い」

「IT経営導入で、商売繁盛！会社はみるみる強くなる」

という文字が表示されていますが、実際のタイトルは右下の

「ITコーディネータ事務所／パソコン相談所　岸本圭史」

の部分です。

「経営とITの～」と「ITの経営導入で～」の部分は、見た目には文字ですが、これはヘッダー部分に貼り付けた背景画像です。画像の中に文字を組み込んで、看板のように文字を表示してあるというモノなので、「文字入力して編集するサイトタイトル」とは異なります。・・・え？でも結果見た目が同じじゃないかって・・・？そうですよね、けどこれには結構重要な違いがあります。その解説をついでにしておきましょう。

■タイトルで文字編集して作りこむのと、ヘッダー画像そのものを編集するのはどういう違いが・・・？

タイトルへ文字入力して「パソコン相談所」と書くのも、ヘッダーに表示する画像そのものを編集するときに加工して画像の一部として文字を表示しておくのも、結果的な見た目としては「タイトルが表示されているように見える」事になります。

それなら、タイトル文字を調整したり位置を変えたりするよりも、ヘッダー画像を上手く編集しちゃったほうがイイじゃん？と思うかも知れませんね。

けれども、これには大きな意味の違いがあります。

タイトル文字を入力して編集した「パソコン相談所」というタイトルは、例えばGoogleやYahooなどの検索エンジンから、ちゃんと「パソコン相談所」というタイトルとして検索・認識されます。

けれども、画像として「パソコン相談所」と表記したのでは、これは文字ではないので検索エンジンからは、そのままでは「パソコン相談所」というタイトルとして検索・認識はされないのです。

ホームページを作る目的のひとつに「より多くの人に見てもらうために、検索されやすいようにする」という目的も含まれていると思いますので、そういう観点からすると、「見た目は同じように見えるタイトル」でも、ちゃんと文字入力して位置調整などをしてあるタイトルと、画像の一部として作られているタイトルとでは、ガゼン意味が違ってくるのです。

この点を意識して、サイトタイトルと背景画像を上手く組み合わせるのも、テクニックのひとつですね。

（ちなみに、画像として「パソコン相談所」という画像を入れた場合でも、別の方法で検索エンジンにタイトルを認識させるようにする方法はあります。それほど難しいことではないので、また別の機会に解説させて頂きますね）