最短ホームページテンプレートの使い方6 トップページに情報を追加

最短ホームページテンプレートの使い方6 トップページに情報を追加

今回はトップページに情報追加していきます。
最短ホームページテンプレートの動画の、第6回の部分になります。

情報を変更していくのはここ

今回はトップページ(index.html)ですが…
下記画像のページ情報(その1・その2・その3・その4)です
情報(その1・その2・その3・その4)です情報1も情報2も情報3も、編集方法は基本的に同じなので
1つ覚えれば、他の部分も変更できます。

まず、index.htmlのファイルをテキストエディタにドラッグ&ドロップします。
※無料テキストエディタTerapad(テラパッド)を利用
index.htmlを、テラパッドに、ドラッグ&ドロップします。

トップページの情報はココを編集する

開いたら、<!– ここが「情報その1」を掲載している箇所です –>の部分を変更します。
開いたら、<!-- ここが「情報その1」を掲載している箇所です -->の部分を変更します。

<h2> 情報その1</h2>の部分(ここは小見出し)と
ここに情報その1を掲載します。という部分を変更します。

手順は各ページに情報を追加すると変わりませんね。
手順は各ページに情報を追加すると変わりませんね。
変更したら保存します。
保存方法は、ファイル⇒ 上書き保存で保存できます。

【ワンポイント】
保存は、ファイル⇒上書き保存としなくても、
キーボードのCtrl + s のショートカットキーを使い保存できます。
このCtrl + s での保存は、めちゃくちゃ使えますので、
こちらの保存方法を癖にしましょう。

保存が終わったら、更新ボタンを押して
編集した部分が変更されているか確認してみて下さい。

今回の編集でこのように変更されていればOKです。

今回の編集でこのように変更されていればOKです。

初めてのサイト作り トップページで多い失敗

自分で更新できる最短ホームページテンプレートだけではありませんが…
トップページは、検索エンジンでも表示され
最も訪問者(アクセス)も多くなる大切なページです。

アクセスも多いからこそ!
よくやってしまう失敗が、何でもかんでもトップページに書いてしまうこと。

SEO対策(検索エンジン最適化)を考えても
サイト全体のボリュームはとても大切な要素ですが、
あまりにもトップページに情報が多いと、他のページを見る気がなくなります。

従って、トップページの考え方としては、
そこから他ページへ行くための概要という感じが良いかと思います。

【ワンポイント】
これは、動画でも解説されていますが…
トップページから、他ページへのリンクしておくのは重要です。
「ここから◯◯ページ行くよ」と
わかりやすく、他ページへのリンクを貼っておきましょう。

 

 


関連記事


初心者さんおすすめ! 徹底比較 簡単ホームページ作成ソフトランキング


おすすめ記事


ボタンマルシェ - ButtonMarche

人気の記事

  1. 視線を意識しよう!
    ホームページのデザインは見る人の視線を意識しよう!
  2. ホームページを公開するための費用は?
  3. ホームページを作れるメリット
    ホームページが作れるというスキルの素晴らしさとメリット
  4. わからないことを解決する検索力を鍛えよう
    わからないことを解決する検索力を鍛えよう
  5. 作成ソフト選びから完成まで最初から完璧を求めない考え方を!
    作成ソフト選びから完成まで、完璧を求めない考え方を!

ピックアップ記事

  1. 簡単にホームページが作れるという評判は本当?(シリウス編)

    簡単にホームページが作れるという評判は本当?(シリウス編)

    ホームページ作成ソフトを決める段階の方でしたら すでに様々な情報を集めていると思います。様々なサイト…
  2. 初めてドメイン取る前に知っておきたい3つの基礎知識

    初めてドメイン取る前に知っておきたい4つの基礎知識

    インターネット上にホームページを表示させるためには サイトの住所となる、ドメインを取る必要があります…
  3. YahooやGoogleでの検索順位をチェックできる優良ツール

    YahooやGoogleでの検索順位をチェックできる優良ツール

    ホームページを運営する人にとっては、 YahooやGoogleでの検索順位はとても気になります。そこ…
  4. 初心者の私がホームページ作成ソフトを選ぶまでの思考

    初心者の私がホームページ作成ソフトを選ぶまでの思考

    当サイトを見ている方の中には ホームページ作成は、本当に初めて方も多いと思います。初めて挑戦する方の…
  5. スマホに対応しているホームページ作成ソフトは?

    近年ではスマートフォンも普及していますし、 iPadなどのタブレット端末も、様々な種類がありますね。…