みなさん、こんにちは。まちゅ子です。
さて、今日からホームページを実際に作っていきたいと思います。
ホームページはヘッダー＋ボディーが基本構成です。
まず、初めにホームページの基本情報である「ヘッダー」の編集です。
ヘッダーの基本情報は、重要なSEO対策になります。
SEO対策とは検索エンジンの上位に自分の作ったホームページを載せるようにするための対策のことです。
詳しくはまだ別の記事で詳しく紹介させて頂きますね。
下のHTMLタグがヘッダーの基本情報となります。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="①keywords" content="キーワード１,キーワード２,キーワード３,キーワード４,キーワード５">
<meta name="②description" content="ここにホームページの説明文を記載してください">
③<title>ここにタイトルを記載してください</title>
<link rel="stylesheet" href="style.css" type="text/css"＞
<BASE target="_top">
</head>
重要になる変更箇所が ①キーワード ②ホームページの説明 ③タイトルです。
HTMLの青字の箇所です。
①キーワードについては１０個程度記載するようにしてください。
１０個以上入力しても、意味をなさないですし、逆に検索エンジンから嫌われてしまうためです。
②descriptionはホームページの説明になります。
これは大体50～70文字程度にしましょう。こちらもやりすぎると検索エンジンに嫌われてしまいます。
③titleについては重要な箇所になります。
タイトルに含まれる文字で検索されたときに、そのホームページが検索エンジンの上位に表示される可能性が高くなるためです。
一番アクセスを取りたい文字をタイトルに入れるようにしてください。
長すぎると重要度が分散されてしまうので気をつけてくださいね。
その下の<link rel="stylesheet" href="style.css" type="text/css">はスタイルシートの設定を表しています。
スタイルシートとはホームページの見栄えを良くするためのもので、現在のホームページには必須のものです。
これについてはまた別でご説明したいと思います。
それでは実際にやってみましょう。
私は自分のホームページ作成サービス用のサイトをつくっていますので
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="keywords" content="ホームページ,作成,サービス,おすすめ,格安,">
<meta name="description" content="クオリティの高いホームページの作成・運用を低価格でご提供させて頂くサービスです。">
<title>個人・中小企業向けホームページ制作</title>
<link rel="stylesheet" href="style.css" type="text/css">
<BASE target="_top">
</head>
となります。
ここまでは変更しても画面が変わることはありません。
早くホームページを作りたい方は、「会員制サイドビジネス講座」 や私が作ったホームページ制作のすすめ をご覧になってみてください。
今回はここまでになります、
次回は、実際にコンテンツバーについて行っていきます。
また、質問等がありましたら気軽に連絡ください。
まちゅ子でした♡