
メモ帳からホームページ作成方法を簡単に解説してます。
また初歩的な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>のように。
タイトルはブラウザやブックマークのタイトルにも使用されSEO的には大変重要度が高いです。
本文を記述する
本文を記述し完成したらファイルに名前を付けて保存します。
ファイルの名前はindex.htmlで保存してください。
最初にフォルダ新規作成したフォルダの中に保存します。
2ページ目以降も同じように作成しフォルダ名はページのタイトル(英字)を作成してください。 フォルダ名(英字)がホームページのアドレスになります。
画像の貼り方
例えばhomepageのフォルダにこの画像を保存しアップロードするとhomepage/〇〇.jpgとなります。
タグの使い方
タグはたくさんあり辞書のようなタグ辞典とか本屋さんで売ってますがネットで調べれば出てきます。 簡単に案内させて頂きます。
注意! *このページのタグはコピーしても<>が半角英数表示でない為、表示出来ませんので必ず半角表示で記述してください。
<br>改行 <strong>太字</strong>
<font color="red">文字の色</font>
<a href="https://~">リンクを貼る</a>
"アドレスを入力"
<img src="https://~">保存してる画像の表示
<strong>強調(太字)</strong>
<p align="center">真ん中に寄せたい文字</p>
FTPでアップロード

ffftpの場合
フォルダごと左から右へドラッグするとアップロード完了
左はパソコン内に保存してるファイルです。
フォルダ名がアドレスになります。
後から必要ないファイルや画像があれば削除しましょう。
例えばhomepageのフォルダの中にtitleというフォルダを入れるとhomepage/title/となります。
(それぞれのフォルダの中にindex.htmlファイルが入ってる)
全体のアドレスはhttps://ドメイン/homepage/title/です。
尚、ここではFFFTP画像での解説ですが現在はSFTP対応したFileZilla(ファイルジラ)、WinSCPというソフトが標準のようです。
タイトルについて
タイトルの設置
(キーワードを入れることによりSEO効果があります。)
・ページごとにテーマを決めてぺージを作成する事。
・ページごとに個別のタイトルを付けて作成する。
・すべてのページにタイトルを掲載した(他のページ)リンクを貼る。
例えば homepage/title/ のような階層構造にする際、フォルダ名自体にターゲットキーワード(英単語)を含めるURL構造すると効果があります。
タグの設置について
メタタグの設置
タグで設定する事により検索結果の説明文が表示されます。
説明文は多くても100文字以内にしましょう。
キーワードを指定して検索エンジンに知らせることができます。
しかし大量にキーワードを盛り込ませるのはNGです。
メタタグの設置場所は<head>この間に設置してください。</head> メタタグ
<meta name="description" content="案内文">
本文の見出しの設置
検索エンジンではタイトルの次に見出しが重要になってきます。
この見出しに重要なキーワードを盛り込みましょう。
<h1>タグを使うことにより検索エンジンに重要度をアピール出来ます。
本文見出しタグ <h1>見出し</h1>
中小見出しの設置
中見出しを<h2>中見出し</h2>
小見出しを<h3>小見出し</h3>
タグで囲み検索エンジンに重要だと認識させましょう。
サイトの記述で <meta name="keywords" content="キーワード">を設置して検索エンジンに知らせる事は以前は有効でしたが2009年頃にGoogleはサポート終了しております。
Googleは現在、メタキーワード(keywordsタグ)を完全に無視しています。ここにキーワードを並べてもSEO効果はありません。
注意! *このページのタグはコピーしても<>が半角英数表示でない為、表示出来ませんので必ず半角表示で記述してください。
テキスト文字について
テキスト文字
巡回して読み取る大変重要な作業です。
テキスト文字にキーワードを入れ作成しましょう。
<body></body>タグの中の冒頭に重要なキーワードを入れたテキストを盛り込む事です。ページ全体の文脈やトピックを高度に理解できる(AIを用いた自然言語処理)ユーザーが分かりやすく読みやすい文章で入力しましょう。そしてユーザーにとって質の高い価値のあるサイトを心がけて作成します。
記事を定期的に情報更新してコンテンツの質を高める事を意識して作成します。
内部リンクについて
内部最適化
質の良い関連するリンクをたくさん作成する事により検索エンジンの評価が高まります。
ただし、まったく関連のないリンクをたくさん貼る行為は評価を下げペナルティーとなります。
どのページを開いてもどこのページへでも飛ぶ事が出来るようページを作成したら関連性のあるページを繋ぎましょう。
訪問したユーザーが次に読みたくなるような関連性の高いページ」へのリンクだけを設置するのが理想的です。
外部リンクについて
外部最適化
別サイト(アドレスが別)よりリンクをしてもらう事により
検索エンジンの評価が高まります。
品質の高いサイト・同じジャンルにリンクしてもらいます。
無関係なサイトに大量にリンクするとGoogle検索エンジンからペナルティーとなるので気を付けましょう。
良質なサイトからのリンクは検索エンジンに高評価です。
以前は中小検索エンジンに登録等も有効でしたがGoogleのアルゴリズムにより大変難しくなりました。 最近ではSNSで発信するのが良いのかなと思います。
アフィリエイト登録
cgi/phpについて
まずcgi/phpが利用可能かどうか契約先のサーバーで確認してください。PHP、Javaスクリプト等、分かりにくいですがcgi/phpは簡単に設置できると思います。
普通の動きのないホームページは静的ホームページと言いますが動きのあるサイトは動的ホームページとなります。
cgi/phpは掲示板やフォームメールなどの動的サイトを作成する時に活用します。
無料のcgi/php配布サイトがありますのでダウンロードしてメモ帳で自分のサイト用に編集すると掲示板や、メールフォームは出来上がります。
cgi/php配布サイトをネットで検索すると出てきます。
ダウンロードすると説明書きがあるので○○.cgi/php等、何か所か設定項目があります。自サイトに合わせて編集してください。
終わったらフォルダごとFTPでアップロードしてください。
アップロードしたらパーミッションの設定があれば設定。
FTPでアップロードしたcgi/phpファイルを配布された説明通りにパーミッションを設定して完了。
phpはパーミッションの設定は無い事もあります。
最後にアドレスを打ち込み表示されてるか確認してください。
cgi/phpが分かるようになればゲームや占いに予約フォームなど自サイトに設置できます。
メールアドレスtest パスワード1234 で入れます。
今日の運勢
cgiは1990年頃から普及してましたがセキリュティー上、脆弱性の発生が高く使用されなくなりました。 2000年頃からはPHPが主流となってますがプログラムの書き方に不備があればハッキングや情報漏洩のリスクはありますので気をつけ不備の無いようにしましょう。
最後に
また独自性をもった他には無い記事を随時更新して質の高いサイトにしましょう。
「訪問者にとって本当に価値があり、信頼できる独自のコンテンツ(情報)を提供しているか」が最もGooleに重要視されてるようです。
また、本格的にホームページを作成するには現在ではWordpress(ワードプレス)が主流です。 専門的なプログラミング知識がなくても、ブログやホームページなどを作成・管理できます。
このサイトでは最初に説明してるように初歩的なHTMLの解説や知っておきたいタグの認識。 学生などの知識としてお役に立てていただく為のものです。
そしてSEO対策ですが現在では初歩的な設定をするだけでは上位表示できません。
Googleの品質評価ガイドライン E-E-A-T (経験・専門性・権威性・信頼性)、AI検索への対応や訪問者が検索意図に基づき深く答えれる質の高い内容が求められてます。
