まずは、SEO対策の基礎の基
キーワード最適化:
<!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="ウェブサイトの説明文やキーワードをここに入力">
<title>キーワード最適化の例</title>
</head>
<body>
<h1>キーワード最適化の例</h1>
<p>このウェブページでは、キーワード最適化の重要性について説明します。</p>
</body>
</html>
メタデータの最適化:
<head>
<meta name="description" content="ウェブページの内容を簡潔に説明するメタディスクリプション">
<title>メタデータ最適化の例</title>
</head>
内部リンク構造の最適化:
<ul>
<li><a href="/">ホーム</a></li>
<li><a href="/about">会社概要</a></li>
<li><a href="/services">サービス</a></li>
<li><a href="/contact">お問い合わせ</a></li>
</ul>
モバイルフレンドリーなデザイン:
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
ページの読み込み速度の最適化:
<head>
<link rel="stylesheet" href="styles.css">
<script src="script.js" defer></script>
</head>
SL対応(HTTPS化):
サイトのルートディレクトリに sitemap.xml
ファイルを設置し、サイトのページ構造を記述
itemap.xmlファイルの記述内容:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://example.com/
<lastmod>2023-08-01T10:00:00+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0</priority>
</url>
<url>
<loc>https://example.com/about
<lastmod>2023-08-02T12:00:00+00:00</lastmod>
<changefreq>weekly</changefreq>
<priority>0.8</priority>
</url>
<url>
<loc>https://example.com/services
<lastmod>2023-08-03T15:00:00+00:00</lastmod>
<changefreq>monthly</changefreq>
<priority>0.6</priority>
</url>
</urlset>
続いて便利なコーダー道具
自分のテンプを作り上げてクラウド共有。
テキスト比較で違いが一発判明
画像のデモをサイズ指定して作成しちゃうやつ