この記事は自分用の備忘録です。
SEOでまず最初にやること
タイトルと説明文をつけるらしい
htmlのheadにあるやつだ
やってみる
mkdir seo-try
cd seo-try
touch index.html
これでindex.htmlを開いて「！」ぽん
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
discriptionのmetaタグがないので追加
ついでにタイトルも変える
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="SEO対策の初歩を学ぶため、実践の記録を残していきます。">
<title>【実践】SEO対策！</title>
</head>
<body>
<h1>トップページだよ</h1>
</body>
</html>
ポイント
- タイトル
- 「ページの内容 – サイト名」みたいにするといいらしい
- 各ページごとに個別にタイトルが変わるようにしないといけないらしい
- ページの内容の部分は、実際のコンテンツに含まれるキーワードを抽出するといいらしい
- 40文字ぐらいがちょうどいいらしい
- 説明文
- タイトルに書いた「ページの内容」をキーワードとして含めるといいらしい
ポイントを参考にもっかいやってみる
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="SEOの基本を学ぶための備忘録です。
このページではHTMLのタイトルや説明文の設定方法、最適化のポイントを
わかりやすく解説しています。"
>
<title>SEOの基本を学ぶ！HTMLタイトルと説明文設定のコツ - WEB制作検定【5級】</title>
</head>
<body>
<h1>SEO対策の基本を学ぶページ</h1>
<p>このページでは、SEOの基本的な設定方法を記録しています。</p>
</body>
</html>
動的にする
全部個別ページに直接書くってあんまりないと思うので、動的にする
header.php
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php if (is_single() || is_page()) : ?>
<meta name="description" content="SEOの基本を学ぶための備忘録です。このページではHTMLのタイトルや説明文の設定方法、最適化のポイントをわかりやすく解説しています。">
<title><?php echo get_the_title(); ?> - WEB制作検定【5級】</title>
<?php elseif (is_home()) : ?>
<meta name="description" content="SEOの基本を学ぶための備忘録です。最新の記事一覧や更新情報をお届けします。">
<title>SEOの基本を学ぶ！HTMLタイトルと説明文設定のコツ - WEB制作検定【5級】</title>
<?php elseif (is_category()) : ?>
<meta name="description" content="<?php single_cat_title(); ?>に関連する記事一覧です。HTMLやSEOに関する情報を中心にお届けします。">
<title><?php single_cat_title(); ?> - WEB制作検定【5級】</title>
<?php else : ?>
<meta name="description" content="サイト全体の概要や情報を記載します。">
<title>WEB制作検定【5級】</title>
<?php endif; ?>
</head>
<body>
<header>
ナビゲーション
</header>
一気にややこしくなった。
こういうのはエクセルとかできちんと管理した方が良さそう。
感想
SEO対策は、コーディングよりも言語化スキルの方が重要かもしれない。
参考