SEO対策/HTMLをスマートに！
はじめに / キーワードの選定 / タグ / CSSの外部化 / Google Dance / SEOスパム /
CSSの外部化
CSS(スタイルシート)を、外部ファイル化することで、HTMLがスリムになり、上位表示させたいキーワードを検索エンジンに強調することができます。
また、サイト各ページのデザインを1つのファイルにまとめる事で、修正が楽になり、余計な労力を使う必要がなくなります。
Javascript外部化
動きのある楽しいサイトや、フォームに入力する際の補助など、ホームページではたくさんJavascript(ジャバ・スクリプト)が使用されています。
しかし、Javascriptを使用した場合、ソースが複雑になり検索エンジンがスクロールしにくくなるというデメリットが生じます。これを解決する方法がJavascriptの外部化です。
詳しくは、ウェブマスターのための Google 情報をご覧ください。
CSS、Javascript外部化の方法
<?xml version="1.0" encoding="Shift_JIS"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<title>タイトル。</title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" href="css/cmn.css※" type="text/css" />
<script type="text/javascript" src="js/prototype.js※"></script>
</head>
<body>
↓本文
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<title>タイトル。</title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" href="css/cmn.css※" type="text/css" />
<script type="text/javascript" src="js/prototype.js※"></script>
</head>
<body>
↓本文
【ポイント】
- 緑色の部分は、CSS、Javascriptを使用する宣言文です。
- 赤色の部分で、CSS、Javascriptのファイルを読み込みます。
- ※印の部分は、現在のファイルとCSS、Javascriptファイルとの相対パスです。
- CSSの拡張子は、".css"としましょう。
- Javascriptの拡張子は、".js"としましょう。
- css、Javascriptのファイルは、新しくディレクトリを作成した方が、管理が容易となります。
SEO対策方法
- SEO対策は、費用対効果が重要
- SEO対策を依頼するメリット
- SEOの目的
- 検索キーワードの選定
- Titleタグ
- Hxタグ
- Storongタグ、Emタグ
- CSSの外部化
- Javascriptの外部化
SEO対策/Google Dance-Yahoo Dance
- Google Danceとは？
- Google Danceが起こった場合の対処法
- 意外と多いSEOスパム会社
- どんな方法がSEOスパム行為？