HTMLでサイトの紹介文章を表示させる方法
- 自分のHPをキーワード検索でひっかかるようにしたいため、サイトの紹介文章を表示させたいと思っています。相談した結果、<head></head>の中に特定のタグを追加する必要があると教えてもらいましたが、その方法が分かりません。現在作成しているHPでは日本語部分が文字化けしてしまっています。以下のコードを<head>に追加しましたが、うまく表示されません。
- 調査しても分からないため、どうすればいいかわかりません。何かアドバイスや助言があればお願いします。
- ハッシュタグ：#HTML #サイトの紹介文章 #キーワード検索 #文字化け問題 #アドバイス
- ベストアンサー
HTML 難しいです。お助けて下さい
自分のHPをキーワード検索でひっかかる様にしたい。 サイトの紹介文章を載せたい。と願い、 <head></head>の中に何を入れるべきか以前 相談し ご返答を頂きました。 当時のやりとり↓ http://okwave.jp/qa/q6521295.html それらを参考にしながら作成したつもりのマイHPが、、この有様です。。 最初のページ内の文章(本当は日付の下に文章書いてます)含め、 ソースを確認すると、日本語の部分が化けてしまっています。 本当は<head>内には以下の文章を登録したのですが・・・ <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <meta name="keywords" content="イラスト,キャラクター,デザイン,ロゴ,キャラクターデザイン,イラストレーション,忍吉,オリジナール,オリジナル"> <meta name="description" content="おもしろカッコ良い！？を目指すイラスト系サイトです"> <title>オリジナール</title> </head> 何が問題なのでしょうか。。 数日 調査してはみたものの、、、分かりません。 どうかご助言を宜しくお願いします。
- Qtaro1211
- お礼率100% (18/18)
- HTML
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
けっこう前からこの手の質問のフリをしたアクセス数稼ぎのようなものも見受けられるので少し躊躇したのですが，一応回答します。 原因は文字コード宣言 <meta http-equiv="content-type" content="text/html; charset=utf-8"> と実際の文字コード(Shift_JIS)が合っていないことでしょう。 文字コード宣言を <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> に修正するか，またはHTMLファイルを全てUTF-8で保存し直すことで解決すると思われます。
その他の回答 (2)
- bigjapan8
- ベストアンサー率60% (6/10)
出力エンコーディングがSJIS指定されているのでは？ charset=utf-8"を charset=Shift_JIS"にしてみたら、どうですか。
- 参考URL：
- http://rannking.com/aaa.html
お礼
その通りでした。 しかし、同じ内容で先に頂いた 助言者の方をベストアンサーとさせて頂きました。 ありがとうございます
- jein
- ベストアンサー率49% (2799/5705)
おかしいところを挙げていきます。まず、最初にDOCTYPE宣言がありません。 あと、UTF-8を指定しているのにアップロードしているHTMLファイル自体が Shift-JISの文字コードで作られています。UTF-8を指定したいなら HTMLファイルを書き出す時にエディタなどでUTF-8の文字コードを指定 する必要があります。 また、本文にあたる部分は<body>タグで囲んで記述する必要があります。 <head>というのはヘッダということで前置きですから、ここだけでHTMLが 完結していてはおかしいです。 それから、<FRAMESET>を使う場合はフレーム非対応の環境からの アクセスに配慮して<NOFRAMES>タグによってそういった環境の人が 閲覧したときに表示させる内容が必要になります。
お礼
アドバイスありがとうございます！ 結局のところ、HTML素人の自分には ご助言の内容を全て理解出来ていません。 今後、勉強しながら理解しようと思います。 とにかく、、、文字化け以外にも問題がある。。 という事ですね。
関連するQ&A
- メタタグに順番はありますか？
お世話になります。 会社のHPを編集（？）しているのですが、メタタグは<head>～</head>内でしたら順番は考えなくてもよろしいでしょうか？ <title>～</title> <meta name="Keywords" content="" /> <meta name="Description" content="" /> は10番目以内が望ましいとのことなのですが、作成してもらったHP上記より前に <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> この３つが入ってます。 これより前にキーワードなどを持ってきても大丈夫ですか？
- ベストアンサー
- HTML
- HTMLの意味を教えてください
おはようございます。みなさんのお知恵を貸してください。 ＨＰ内の＜ＨＥＡＤ＞に <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> というのがありますが、これはどういう意味でしょうか？ よろしくおねがいします。
- ベストアンサー
- ホームページ作成ソフト
- HTMLソースについて質問です。
HP初心者で HPを作成しようとしているのですが 下記のソースを一度アップロードして、表示させてみたところ インターネットエクスプローラーのタブの部分にタイトル名が 出ると思うのですが、その部分が文字化けしたようになります。 何が悪いのかさっぱりわかりません。 初歩的なことなのかもしれないですが お分かりになる方 助言していただければとても助かります。 ーーーーーーーーーーーーーーーーーーーーーーー <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta name="robots" content="INDEX,FOLLOW"> <meta name="description" content="殺処分ゼロを目指して、地域猫の推進、野良猫の保護、里親探しなどの地域活動を行っています。"> <meta name="keywords" content="野良猫,迷い猫,譲渡,猫保護,里親,保健所,地域猫,猫苦情,動物愛護,猫カフェ,猫動画,ボランティア"> <title>猫会</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> </body> </html>
- ベストアンサー
- CSS
- METAタグなどについて
ミケネコ研究所にてHPを採点してもらい修正した結果、 ようやく100点をとることができましたが <HEAD>内が下記のようになりました。 私として気になることが２点あります。 １.<META http-equiv="～が３つあって良いのでしょうか。 ２.index,followは大文字小文字を区別するようですが どちらが良いのかわかりません。 １．２.どちらの回答をいただいても結構です。 <HEAD> <LINK rel="Index" href="index.htm"> <META http-equiv="Content-Type" content="text/html; charset=shift_jis"> <META http-equiv="Content-Script-Type" content="text/javascript"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="robots" content="index,follow"> <META name="description" content="×××"> <META name="keywords" content="×××"> <TITLE>×××</TITLE> </HEAD> ご回答よろしくお願いいたします。
- ベストアンサー
- HTML
- これはmeta titleでしょうか？（HTML）
ホームページを作成しているのですが、サイトなどで調べていると、「meta title」という言葉が出てきたのですが、下記の<TITLE>・・・・・・・・・・・</TITLE>の部分って、meta titleなのでしょうか？またそもそもmeta titleなんていう言葉はあるのでしょうか？ <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>・・・・・・・・・・・・</TITLE> <META name="Description" content="・・・・・・・・・・・・・・"> <META name="Keywords" content="・・・・・・・・・・・・・・・"> <meta http-equiv="Content-Style-Type" content="text/css"> 一応勉強したのですが分からなくて質問してしまいました。 よろしくお願いいたします。
- ベストアンサー
- HTML
- 検索エンジンについて
9月の終わりにgoogle検索に登録したのですが 今日検索をかけても自分のHPがひっかからなくて困っています <HTML><HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <Meta Name="description" Content="こちらに説明"> <Meta Name="keywords" Content="こちらに,検索,タグを入れてます"> <Meta Name="ROBOTS" Content="INDEX"> <TITLE>HPタイトル</TITLE> <style type=text/css> </HEAD><BODY BGCOLOR="#ffffff"> こちらに内容 </BODY></HTML> このように記述しています なぜ検索にひっかからないのかどうしてもわかりません 原因がわかる方がいらっしゃいましたら教えてください
- ベストアンサー
- HTML
- HTMLのソースで「↑」になっているのは？
ソースを見たときに、以下のように↑で区切って表示されることがあります。 <html lang="ja">↑<head>↑<meta http-equiv="Content-Type" content="text/html; charset=utf-8">↑<title> 【質問１】これは、（１）わざと↑が入るようにしているのですか？ それとも（２）勝手に↑で区切られてしまうのですか？ 【質問２】このようなソースを、以下のような↑なしのソースに変換する方法ってあるのですか？ <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>
- ベストアンサー
- ホームページ作成ソフト
- ホームページのヘッダ部分について
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML LANG="JA"> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=Shift_JIS"> <META HTTP-EQUIV="CONTENT-STYLE-TYPE" CONTENT="text/css"> <META HTTP-EQUIV="CONTENT-SCRIPT-TYPE" CONTENT="text/javascript"> <TITLE>○○○○</TITLE> <LINK REL="STYLESHEET" TYPE="text/css" HREF="css1.css"> <meta name="keywords" content="△,△,△,△,,△,△,"> <meta name="description" content="●●●●●"> </HEAD> <BODY> … となっているのですが、無駄な部分はありますか？ 順番などは合ってますか？ また、こうしたほうがいい、などとアドバイスがあればぜひよろしくお願いいたします。
- 締切済み
- レンタルサーバ・ASP
- <title></title>はどこに書くべき？
<title></title>をどこに書くべきなのか分からず悩んでいます。 今までこの<title></title>を、以下の位置に書いていました。 <head> <meta http-equiv= "Content-Type" content= "text/html; charset=Shift_JIS" /> <title></title> <meta name= "keywords"・(省略）・・・・ /> <meta name= "description" ・・・(省略） /> <link rel="stylesheet" href=***.css"type="text/css" /> </head> このようにです。 ところが上記の他に<title></title>の位置が、以下のように書かれた物も見つけました。その為、一体どこに<title></title>を書くのが正しく、またSEOに有効なのか分からなくなってしまいました。 <head> <meta http-equiv= "Content-Type" content= "text/html; charset=Shift_JIS" /> <meta name= "keywords"・(省略）・・・・ /> <meta name= "description" ・・・(省略） /> <title></title> <link rel="stylesheet" href=***.css"type="text/css" /> </head> また、Google ニュース 日本版のソースを調べると、<title></title>が<head>の直下に書かれてあり、更に混乱しています。 一体どれが正しいのでしょうか。よろしくお願いいたします。
- ベストアンサー
- HTML
- Dreamweaverのメタタグについておしえてください
DreamweaverCS3でキーワードを入れると、</head>の下に挿入されるのですが、これでいいのでしょうか？ よろしくお願いします。 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>タイトル</title> </head> <meta name="keywords" content="キーワード,キーワード," /> <meta name="description" content="説明文" /> <body> </body> </html>
- 締切済み
- ホームページ作成ソフト
お礼
的確なご助言ありがとうございます！ 無事 直りました！ 本当に助かりました。 ちなみにアクセス数稼ぎではありません。