忍者ブログ
WebVladLog

WebVlad SEO・HTML・Photoshop・Dreamweaver Webデザイナーの奮闘weblog

2024.04│ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

HTMLを最適化

Dreamweaverを起動し、新規ドキュメントを作成するたびに<head>の部分を綺麗にしてる

毎回書き直すのがめんどくさくってコピペを繰り返す俺。

Headの最適化ソース一例を教えちゃる

Dreamweaverで新規作成・無題ドキュメントを作成すると


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />

<title>無題ドキュメント</title>

</head>


こんな感じになる。

このままでも問題ないが、ある程度いじっとかないと
後々SEOかけるときにめんどくさくなる。

そこで下記のように編集


<?xml version="1.0" encoding="shift_jis"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xml:lang="ja" lang="ja" xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>ホームページタイトル</title>

<meta name="description" content="ホームページ説明" />
<meta name="keywords" content="キーワード,キーワード,キーワード" />

<meta name="abstract" content="ホームページ説明" />
<meta name="author" content="キーワード,キーワード,キーワード" />

<meta name="robots" content="ALL" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rev="made" href="mailto:info@webvlad.com" />
<link rel="contents" href="index.html" />
<link rel="index" href="index.html" />

</head>



これでちっとはマシなheadに代わるっつーもんだ

サイトによってどこを調整するかは見て理解してくれ。
PR
*COMMENT-コメント-
*COMMENT FORM-コメント投稿-
  • この記事へのコメント投稿フォームです。
Name:
Title:
Mail:
Url:
Color:
Decoration: Vodafone絵文字 i-mode絵文字 Ezweb絵文字
Message:
Pass: ※編集時に必要です。
Secret:  ※チェックすると管理者へのみの表示となります。 
*TRACKBACK-トラックバック-
  • この記事のURLとトラックバックURLです。
  • 必要に応じてご使用くださいませ。
この記事のURL▼
この記事のトラックバックURL▼
■最新トラックバック
■バーコード