ホームページ作成


メモ帳でホームページ作成する方法
  • ホーム
  • メモ帳を開く
  • タイトルを記述
  • 本文を記述する
  • 画像の貼り方
  • タグの使い方
  • FTPでアップロード
  • タイトルについて
  • メタタグの設置
  • テキスト文字
  • 内部リンク
  • 外部リンク
  • アフィリエイト広告
  • CGI/PHPについて
  • 最後に

このページをシェアする

𝕏でシェア LINEでシェア
本ページはプロモーションが含まれてます。




ホームページ作成グーペ ホームページ作成グーペ



ショッピング


  • 東急ハンズ ネットストア

  • Yahoo!ショッピング

リンク



  • 今日の運勢
  • 無料オセロゲーム
  • インターネット関連ランキング



本ページはプロモーションが含まれてます。



おすすめレンタルサーバー

ロリポップレンタルサーバー ロリポップレンタルサーバー



ドコモ利用中の方におすすめ!
プロバイダー

プロバイダー プロバイダー


ドメイン取得

ムームードメイン ムームードメイン




ホームページ作成解説


メモ帳からホームページ作成方法を簡単に解説してます。
また初歩的な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となります。

タグの使い方

「※現在、ホームページの色やデザインは『CSS(シーエスエス)』という別の仕組みで設定するのが一般的で標準です、ここでは。まずは仕組みを覚えるための知識として試してみてください!」

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

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


<br>改行 <strong>太字</strong>
<font color="red">文字の色</font>

<a href="https://~">リンクを貼る</a>
 "アドレスを入力"
<img src="https://~">保存してる画像の表示

<strong>強調(太字)</strong>
<p align="center">真ん中に寄せたい文字</p>

FTPでアップロード

ホームページを契約してるプロバイダーのFTPでアップロードは出来ます。

ffftp解説

ffftpの場合

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

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

尚、ここではFFFTP画像での解説ですが現在はSFTP対応したFileZilla(ファイルジラ)、WinSCPというソフトが標準のようです。

タイトルについて

タイトルの設置

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

例えば homepage/title/ のような階層構造にする際、フォルダ名自体にターゲットキーワード(英単語)を含めるURL構造すると効果があります。

タグの設置について

メタタグの設置

例えばGoogleなどの検索結果に表示される説明文を
タグで設定する事により検索結果の説明文が表示されます。
説明文は多くても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を用いた自然言語処理)ユーザーが分かりやすく読みやすい文章で入力しましょう。そしてユーザーにとって質の高い価値のあるサイトを心がけて作成します。

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

内部リンクについて

内部最適化

ページをたくさん作成しサイト内に別ページのリンクを貼ります。
質の良い関連するリンクをたくさん作成する事により検索エンジンの評価が高まります。
ただし、まったく関連のないリンクをたくさん貼る行為は評価を下げペナルティーとなります。
どのページを開いてもどこのページへでも飛ぶ事が出来るようページを作成したら関連性のあるページを繋ぎましょう。

訪問したユーザーが次に読みたくなるような関連性の高いページ」へのリンクだけを設置するのが理想的です。

外部リンクについて

外部最適化

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

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

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

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

アフィリエイト登録

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

A8ネット A8ネット

アクセストレード パートナーサイト募集

バリューコマース



cgi/phpについて

少し慣れてきたら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検索への対応や訪問者が検索意図に基づき深く答えれる質の高い内容が求められてます。


ページのトップへ戻る
  • 運営情報 プライバシーポリシー お問い合わせ
Copyright © 2007-2026 ホームページ作成 -メモ帳でホームページ作成方法- All Rights Reserved.