1. ホーム > 
  2. Webサイト制作 > 
  3. iWebの使い方 > 
  4. iWeb Tips > 
  5. iWebでページタイトル、ディスクリプションを修正するには

iWebでページタイトル、ディスクリプションを修正するには

iWebは誰でも簡単にホームページが作成できるのですが、ページタイトルやディスクリプションなどの修正は容易ではありません。 特にページタイトルやディスクリプショ […]

  • 2016/5/4
  • 2009/8/9

iWebは誰でも簡単にホームページが作成できるのですが、ページタイトルやディスクリプションなどの修正は容易ではありません。

特にページタイトルやディスクリプションなどはSEO対策としても基本的な部分ですので、このページではiWebで作成したホームページのタイトルタグやディスクリプションを修正する具体的な手順を解説したいと思います。

用意するもの

まず用意するものは、テキストエディターとFTPソフトです。テキストエディターは、iWebでページを作成してファイルに書き出した後、HTMLファイルを編集する為に必要です。

ここでは基本的に無償で利用できるmiというテキストエディターを使います。

次に編集したHTMLファイルをサーバーにアップロードする為のFTPソフトが必要です。こちらも無償で利用できるCyberduckを使います。

各ソフトのインストールは、ダウンロードしたファイルを、それぞれアプリケーションフォルダにコピーするだけです。

iWebでページを作成してフォルダに公開します

用意ができたらiWebで作成したホームページをフォルダに公開します。iWeb’08を利用している場合は、メニューバーの「ファイル」メニューから「フォルダに公開…」を選択して、任意のフォルダにHTMLファイルを出力します。

iWeb’09を利用している場合は、「サイトの公開設定」で「ローカルフォルダ」を選択して、「ファイル」メニューの「サイト全体を公開」を選びます。

「サイトの公開設定」の設定方法は、iWeb’09「サイトの公開設定」の使い方ページの、ローカルフォルダへサイトを公開する方法をご覧ください。

ファイルを開いてmiで編集します

フォルダに公開したHTMLファイルをmiで開きます。下の画像は、iWeb’09で作成した当ホームページのトップページのHTMLファイルを、miで開いたところです。

赤い色をつけた部分がページのタイトルタグの設定箇所ですので、ここにページのタイトルを書きます。ここでは「index」となっていますので、これを「ホームページ作成Tips | iWebでお気軽ホームページ」に書き直します。

iWebで出力したばかりのソースコード

次にディスクリプションを設定します。iWeb’09で出力したばかりのHTMLファイルでは、ディスクリプションの設定タグが書かれていませんので、タグごと追加します。
追加する位置は、先ほどのタイトルタグの次の行に挿入すれば良いでしょう。タグの書き方は以下の通りです。

<meta name=”description” content=”ここにディスクリプションの内容を書きます”>

ディスクリプションはGoogleなどの検索エンジンが、ページの内容を把握する為に使ったり、検索結果に表示されたりする非常に重要なものです。あまり長過ぎる文章は問題ですが、ページの内容が的確に分かるような内容を書きましょう。

さて、ページタイトルとディスクリプションを追加すると、下の画像のようになります。
ページタイトルとディスクリプションを追加した後のソースコード

上の画像では、ディスクリプションは便宜上改行していますが、実際には一行にして書きます。

すべてのファイルを編集してCyberduckでアップロードします

上記の修正をすべてのページで行います。すべて編集が終わったら、Cyberduckでファイルをすべてアップロードすれば完成です。

この方法は、テキストエディターで編集するので、アクセス解析などのコードも挿入できるなど、自由度があるのはメリットなのですが、iWebでファイルを変更する度にファイルを編集する必要がある事、ある程度HTMLの知識が必要な点はデメリットです。

iWebについて

iWebは2011年7月に公開されたバージョン3.0.4以降、アップデートされておらず、最新のOSX環境で正常に動作するか分かりません。
そのため、MacでWebサイトの作成をする場合は、有料で販売されているソフトか、WordPressなどのCMSを利用されることをお勧めします。

WordPressの使い方

WordPressの導入から基本的な使い方、プラグインの活用、テーマのカスタマイズまで、WordPressの使い方全般をまとめています。

無料で利用できるホームページ作成ソフトには、オープンソースのKompozerもありますが、こちらのソフトも2011年以降バージョンアップしておらず、最新環境で正常に動作するか分かりません。

「役にたった」と思ったらシェアお願いします