ホームページ -メモ帳で作成する方法-

メモ帳からホームページ作成方法を簡単に解説してます。
また初歩的なSEO対策についても簡単に述べています。

メモ帳での作成は手間暇かかり現実的ではありません。
学生の方や興味のある方が参考にして頂けたらと思います。

Googleで上位表示させる技術をSEO対策と言います。
SEO対策はGoogleのガイドラインを参考に作成する事です。
Googleのアルゴリズムの変更が定期的にあるので、
それに対応して更新していく必要があり難しい面があります。

メモ帳を開く

メモ帳の前に保存先のフォルダを新規作成します。
フォルダの名前はタイトルとなります。

PCのスタートメニューからメモ帳を開く。
真っ白で何も記述されてないことを確認。

最初に半角英数字で＜!DOCTYPE html＞＜html lang="ja"＞＜head＞＜title＞＜/title＞＜/head＞＜body＞＜/body＞＜/html＞を順番通りに記述する。並びは縦並びでもOK。
この記述をタグと言います。

保存する場合、左上のファイル→名前を付けて保存→ファイル名をindex.htmlと入力→ファイルの種類をすべてのファイルに設定し保存。更新する場合は保存してるファイルを右クリックしメモ帳で開くで開きます。（Edgeの場合）

*このページのタグはコピーしても半角英数表示でない為、表示出来ませんので必ず半角英数表示で記述してください。

タイトルを記述する

最初に記述した＜title＞＜/title＞の間にタイトルを入れる。
例＜title＞ホームページ作成＜/title＞のように。
タイトルはブラウザやブックマークのタイトルにも使用されSEO的には大変重要度が高いです。

本文を記述する

＜body＞この中に本文を入れてください＜/body＞
本文を記述し完成したらファイルに名前を付けて保存します。
ファイルの名前はindex.htmlで保存してください。
最初にフォルダ新規作成したフォルダの中に保存します。

2ページ目以降も同じように作成しフォルダ名はページのタイトル（英字）を作成してください。フォルダ名（英字）がホームページのアドレスになります。

画像の貼り方

写真や作成した画像は右クリックで名前を付けて画像を保存し、アップロードします。 jpgで保存した場合〇〇.jpgがアドレスの後につきアドレスが決まります。

例えばhomepageのフォルダにこの画像を保存しアップロードするとhomepage/〇〇.jpgとなります。

タグの使い方

タグはたくさんあり辞書のようなタグ辞典とか本屋さんで売ってますがネットで調べれば出てきます。簡単に案内しておきます。

＜body bgcolor="好きな色"＞背景色
＜body＞をbgcolor="red"と追加記述する。赤ならred

＜BR＞改行　＜B＞太字＜/B＞
＜center＞中心に表示＜/center＞
＜font color="red"＞文字の色＜/font＞

＜A href="https://～"＞リンクを貼る＜/A＞
　"アドレスを入力"
＜img src="https://～"＞保存してる画像の表示

FFFTPでアップロード

窓の杜でFFFTPをダウンロードしインストールする。
FFFTPをインストールしなくてもホームページを契約してるプロバイダーでもFTPでアップロードは出来ます。

ffftp解説

ffftpの場合

フォルダごと左から右へドラッグするとアップロード完了
左はパソコン内に保存してるファイルです。
フォルダ名がアドレスになります。
後から必要ないファイルや画像があれば削除しましょう。

例えばhomepageのフォルダの中にtitleというフォルダを入れるとhomepage/title/となります。
（それぞれのフォルダの中にindex.htmlファイルが入ってる）
全体のアドレスはhttps://ドメイン/homepage/title/です。

タイトルについて

タイトルの設置

・表示させたいキーワードをタイトルに盛り込む事！
（キーワードを入れることによりSEO効果があります。）
・ページごとにテーマを決めてぺージを作成する事。
・ページごとに個別のタイトルを付けて作成する。
・すべてのページにタイトルを掲載した(他のページ)リンクを貼る。

タグの設置について

メタタグの設置

例えばGoogleなどの検索結果に表示される説明文を
タグで設定する事により検索結果の説明文が表示されます。
説明文は多くても１００文字以内にしましょう。

キーワードを指定して検索エンジンに知らせることができます。
しかし大量にキーワードを盛り込ませるのはNGです。
メタタグの設置場所は＜HEAD＞この間に設置してください。＜/HEAD＞ メタタグ
<meta name="description content"案内文">
<meta name="keywords content="キーワード">

本文の見出しの設置
検索エンジンではタイトルの次に見出しが重要になってきます。
この見出しに重要なキーワードを盛り込みましょう。
<h1>タグを使うことにより検索エンジンに重要度をアピール出来ます。
本文見出しタグ　<h1>見出し</h1>

中小見出しの設置
中見出しを＜h2＞中見出し＜/h2＞
小見出しを＜h3＞小見出し＜/h3＞
タグで囲み検索エンジンに重要だと認識させましょう。

強調タグの設置
強調タグ＜strong＞で強調したい重要な文字を囲みます。
＜strong＞強調＜/strong＞

テキスト文字について

テキスト文字

テキスト文字は検索エンジンにとってロボット（クローラー）が
巡回して読み取る大変重要な作業です。
テキスト文字にキーワードを入れ作成しましょう。

<body></body>タグの中の冒頭に重要なキーワードを入れたテキストを盛り込む事です。（ページの最初の部分）
このタグの中の上位1行目2行目に重要なキーワードを入れましょう。

近年では文章を読み取って検索エンジンがSEO的に評価されるのでユーザーが分かりやすく読みやすい文章で入力しましょう。そしてユーザーにとって質の高い価値のあるサイトを心がけて作成します。

記事を定期的に情報更新してコンテンツの質を高める事を意識して作成します。

内部リンクについて

内部最適化

ページをたくさん作成しサイト内に別ページのリンクを貼ります。
たくさんリンクを貼り関連ページをたくさん作成する事により検索エンジンの評価が高まります。

どのページを開いてもどこのページへでも飛ぶ事ができるようページを作ったらすべてにリンクを貼りましょう。

出来ればキーワードを含んだテキストリンクを貼るといいでしょう。

外部リンクについて

外部最適化

外部リンクはSEO対策として重要項目です。

別サイト(アドレスが別）よりリンクをしてもらう事により
検索エンジンの評価が高まります。

品質の高いサイト・同じジャンルにリンクしてもらいます。
無関係なサイトに大量にリンクするとGoogle検索エンジンからペナルティーとなるので気を付けましょう。
良質なサイトからのリンクは検索エンジンに高評価です。

以前は中小検索エンジンに登録等も有効でしたがGoogleのアルゴリズムにより大変難しくなりました。最近ではSNSで発信するのが良いのかなと思います。

アフィリエイト登録

ホームページやブログを開設したらサイトに広告を貼って広告収入を稼ぐ。まずはA8ネット・アクセストレード・バリューコマースに無料登録してみよう！

cgiについて

少し慣れてきたらCGIにも挑戦しましょう。

まずCGIが利用可能かどうか契約先のサーバーで確認してください。PHP、Javaスクリプト等、分かりにくいですがCGIは簡単に設置できると思います。

普通の動きのないホームページは静的ホームページと言いますが動きのあるサイトは動的ホームページとなります。

CGIは掲示板やフォームメールなどの動的サイトを作成する時に活用します。

無料のCGI配布サイトがありますのでダウンロードしてメモ帳で自分のサイト用に編集すると掲示板や、メールフォームは出来上がります。

CGI配布サイトをネットで検索すると出てきます。

KENT WEB - CGI/Perlフリーソフトなど検索するとたくさん出て来ますので探してみてください。

ダウンロードすると説明書きがあるので○○.cgi等、何か所か設定項目があります。自サイトに合わせて編集してください。
終わったらフォルダごとFTPでアップロードしてください。

アップロードしたらパーミッションの設定です。
FTPでアップロードしたCGIファイルを右クリックし属性変更（FFFTPの場合）を表示させ配布された説明通りにパーミッションを設定して完了。

最後にアドレスを打ち込み表示されてるか確認してください。
CGIが分かるようになればゲームや占いに予約フォームなど自サイトに設置できます。

会員予約フォーム
メールアドレスtest　パスワード1234 で入れます。

今日の運勢

最後に

本文を記述し終えたら全体を表示しサイトを確認しアップロードしましょう。
最初はシンプルなホームページを作成し慣れてきたら色々なタグで試してみてはいかがでしょうか。
また独自性をもった他には無い記事を随時更新して質の高いサイトにしましょう。

ショッピング

リンク