titleタグには「-(ハイフン/ダッシュ)」と「|(パイプ)」のどちらを使うべきか
titleタグは、ランキングに影響する内的SEOとしてもっとも重要な要因の１つです。 また、SERPではユーザーの目を引き、クリックされるかどうかを左右する大切な要素にもなります。 僕のブログでも以前に効果的なtitleタグの付け方を紹介しているし、昨日Sphinn Japan Blogで、薬屋さんｗの藤井さんが、すごくいい記事を書いているのでこのエントリを読み終わったらぜひ読んでください。 ということで、今日のポストはtitleタグについてです。 しかし、非常にささいな部分になります。 と同時に、明確な回答が得にくい問題でもあります。 tittleタグで、キーワードやフレーズを見やすく分けるときに、「– (ハイフン/ダッシュ)」や「| (パイプ)」あるいは「_ (アンダースコア/アンダーライン)」を使うことがあるかと思います（日本語なら、「・（なかぐろ）」や「【】（なんて呼ぶの？）」や「
ＨＴＭＬ文字コード表
ＨＴＭＬ文字コード表 ＨＴＭＬ内では例えば"<"や"> を使いたくても、タグと見なされて思ったように表示されないばかりか、グチャグチャな表示となってしまう場合もあります。 こんな場合は"&#"と";"で対応する数字を書いておくと、その対応する文字が表示されます。 "<"、">"以外はあまり使うことも有りませんが、後半を見ると変わった記号も有りますので、何かに使えるかも知れません。 気付いた人は気付いたと思いますが、このコード自体を表記するには&と#の間にampと入れています。ソースを見るとそれ以外にも見えてくると思います。
[css] @importを使うべきでない理由
実は以前に別の場所でも書いたのですが、今回Google Page Speedの方でも少しだけ触れられていたので、改めてまとめ。 自分でも経験があることなのですが、開発をやっているとどうしても、構造をモジュール化して複数のファイルに分割して管理したくなります。 StyleSheetにおいても同様で、プレゼンテーション層のコンポーネントにあわせてCSSを用意し、ページ構成にあわせて取り込むようなことをやりたくなるでしょう。 しかしその際、@import構文を使うのはパフォーマンスと挙動の両方に有害である可能性が高いと、「」の著者としても知られるSteve Souders氏が警鐘を鳴らしています。 使うべきでないポイント @importは、大きく分けて2つの観点で「使うべきでない」とされています。 ひとつは、パフォーマンスの問題。StyleSheetはほぼ全ての主要ブラウザでパラレルロードがサポ
直前のページに戻るリンク（ホームページは難しくない）
<a href="javascript:history.back()">[戻る]</a> <a href="javascript:history.go(-1)">[戻る]</a> 通常のリンクの設定では <a href="移動先のURL"> ～ </a> と 移動先のページを設定する必要がありますが、JavaScript を利用すれば、 どのページからやってきても 直前まで見ていたページに戻るように指定 することができます。 これは ブラウザの「戻る」ボタンの機能をそのままJavaScriptで実行 するものですので JavaScriptが使えない環境では作動しません。 では 実際にサンプルを見てみましょう。 まずは 下のリンクをクリックして Yahoo Japan にアクセスします。 Yahoo Japan 次に 先に開いた Yahoo Japan のウィンドウから 下のサンプルを開いて
ハートの絵文字「❤💘💓💔💕💗💝💞」など、さまざまな絵文字の入力方法
さまざまなハートの絵文字「❤💘💓💔💕💗💝💞❣」をはじめ、誕生日やバレンタインなどのイベントの絵文字、野菜・果物・食べ物・飲み物の絵文字、動物・魚・虫・植物の絵文字を紹介します。 絵文字はスマホでもパソコンでも、簡単にコピペで利用できます。 スマホの絵文字がWindowsなどのパソコンでかわいく表示されない、自分のブログを絵文字対応にしたい時には、下記のページを参考にしてください。 ハートや動物など、スマホのかわいい絵文字をパソコンやブログでも表示できるようにする -Emoji One 著作権表示・登録商標記号の絵文字 ハート・スペード・ダイヤ・クローバーなどの絵文字 イベントの絵文字 野菜・果物・食べ物・飲み物の絵文字 動物・魚・虫・植物の絵文字 著作権表示・登録商標記号の絵文字 絵文字 絵文字をコピー 名称
Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi ver1.21 / htmllint.pm ver3.30 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ダイアルアップはつらいので、ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述して、[チェック] ボタ
一覧表示/特殊文字/みんなのタグ辞書/HTMLタグ辞書
2023.03.01 ホームページが公開されました。 2023.03.01 ここにお知らせが入ります。 2023.03.01 ここにお知らせが入ります。 ☆幹事さんに朗報です☆ ●月●日までに●名様以上でご予約いただいた団体様は、合計金額から●％オフ！ ☆お得なコース料理も準備☆ AAAコース（２時間飲み放題付）・・・●●●●円 BBBコース・・・・・・●●●●円 CCCコース・・・・・・●●●●円 ご予約はお電話または、下記の問い合わせフォームからお願いいたします。 ※問い合わせフォームからのご予約は、宴会日の２日前まで受け付けます。 当店では、●名様までの貸切パーティー・結婚式２次会が可能です。 ＡＡＡコース ●時間 ●●●●円～ ＢＢＢコース ●時間 ●●●●円～ ＣＣＣコース ●時間 ●●●●円～ いずれも飲み放題付。お料理のメニューは、ご相談に応じます。 ☆店内見学ＯＫ！☆ ※ご
特殊文字コード一覧
コードを半角で書き込むか、特殊文字をコピー＆ペーストで使います。 環境によっては表示されない文字もあります。 ! ===> ! " ===> " # ===> # $ ===> $ % ===> % & ===> & ' ===> ' ( ===> ( ) ===> ) * ===> * + ===> + , ===> , - ===> - . ===> . / ===> / 0 ===> 0 1 ===> 1 2 ===> 2 3 ===> 3 4 ===> 4 5 ===> 5 6 ===> 6 7 ===> 7 8 ===> 8 9 ===> 9 : ===> : ; =
Alertbox: ページ内リンクの使用は避けよう（2006年2月21日）
ウェブ上のユーザたちは、ハイパーテキスト・リンクは別のページを読み込むべきだという、明確な思考モデルを持っている。ページ内リンクはこの思考モデルに反するため、混乱を招く。 Avoid Within-Page Links by Jakob Nielsen on February 21, 2006 最近、同じ日に同じことについて 2 つの質問をされた。普通、このようなことが起こるということは、この話題にはもっと幅広い関心があるということなので、これについてのコラムを書こうと決めた。 質問その 1： 今、リンクをクリックして「名前付きアンカー」（同一ドキュメント内の別の場所）に移動する、「ジャンプ・リンク」についての議論に関わっています。私は、ジャンプ・リンクが新規ウィンドウを開くリンクと同等に、あまりよくないものだということを、貴方の書いた 2 つの記事で裏付けようとしています。 質問その 2
リストの作成 -- ごく簡単なHTMLの説明
情報を見やすく整理して表現する方法として、リスト（一覧）はとても効果的です。HTMLでは、項目を列挙するul要素、順序を考慮して列挙するol要素、用語とその説明という定義型のリストを構成するdl要素の3つのリスト要素が用意されています。 目次： リストで情報を分かりやすく整理する 並列列挙リスト 順序付きリスト 定義型リスト リスト要素はブロックレベル リストの入れ子 取り上げる要素： ul ol li dl dt dd リストで情報を分かりやすく整理する 基本的には本文は見出しと段落だけで構成できるはずです。しかし、一連の並列される情報や、順序立ててステップを説明するような内容は、リストとして表現する方が分かりやすいことがあります。 一つの段落が長くなってしまう場合は、そこで述べようとしているポイントを箇条書きにすると、簡潔に表現することができます。また、複数の段落に分けて書いている内容
ごく簡単なHTMLの説明
HTMLは本来簡単で便利なものです。「30分間HTML入門」で基本は十分。まずシンプルに自分の情報を表現してみてください。 You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee 簡単なHTMLの説明 少し詳しいHTMLの説明 XHTMLから次世代ウェブへ 電子テキストで情報発信 簡単なHTMLの説明 だんだん説明の量が増えてきたので、コンパクトな入門ページを用意しました。 基本がきちんと分かる30分間(X)HTML入門 HTMLを使った人間・コンピュータ双方にわかりやすい表現 （スライドのHTML版） 何のためのHTML？ HTMLは画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正
トップページ「/index.html」の省略の仕方（「～.jp」で終わるようにしたい（認識させたい））
こんにちわ。え、とこれは HTML側の設定ではなくて、Webサーバ側の設定で行います。 例えば上述の index.html の場合ですが、これは(大抵)ApacheというWebサーバを使っている場合に、URLのファイル名を省略すると自動的にこのファイル名を指定したことと同じ意味になります。 細かく説明すると、以下のような感じで... まずブラウザで、以下のURLを指定した場合 http://～.jp 通常URLの形式として、ホスト名(～jpまで)の後ろには、パス(Webサーバ上のファイル名など)を指定しなければなりませんので、本来はこのURLは何も結果を返せないことになります。 するとブラウザが勝手にURLの後ろに / をつけてくれます。 次のようなURLでアクセスしたことと同意義になります。 http://～.jp/ このリクエストをWebサーバが受けると、/ というファイル名(これはル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://html-time.com/index.htm
【HTMLタグの簡単検索】TAG index - ホームページ作成情報
https://www.1kara.net/knowhow/redirect.php
CSSによる段組（マルチカラム）レイアウト講座
Web制作 W3G
HTML タグ一覧
鳥さんの棲むところ
超初心者のためのホームページ作成講座 - HTML - CSS - Mozilla Composer