h1要素　ホームページ作成時のSEO対策 ｜ ホームページ作成会社.com

2018/02/20 24 users SEO対策 com meta要素 見出し title要素

SEO対策としてタイトル要素、meta要素へのキーワードの反映を行ってきたら、次はh1要素やh2要素、h3要素…などの 見出しへのキーワードの反映作業 になります。 SEO対策の基礎　見出しとは 見出しは、SEO対策においてtitle要素の次に 効果の大きい 要素です。見出しとはh1要素やh2要素（h6まであります）のことで、ホームページの文章中で用い、順位は h1が最上位でh6が最下位 となって... 続きを読む

Googleの検索順位にまったく影響しない10の事柄（少なくとも直接は） | Moz - SEOとインバウンドマーケティングの実践情報 | Web担当者Forum

2017/11/12 126 users moz 共用ホスティングサービス 事柄 見出し SEO

Web担トップ » Moz - SEOとインバウンドマーケティングの実践情報 » Googleの検索順位にまったく影響しない10の事柄（少なくとも直接は） Moz - SEOとインバウンドマーケティングの実践情報 Googleの検索順位にまったく影響しない10の事柄（少なくとも直接は） サイト公開からの期間、見出しのh1要素やh2要素、直帰率、共用ホスティングサービスを使っているかどうか――そんな... 続きを読む

Re: h1要素は複数回使って良いのか!? HTML5.1に関するW3CとWHATWGの主張の違い | 覚え書き | @kazuhito

2016/12/23 34 users WHATWG kazuhito 旧聞 覚え書き 主張

忙しさにかまけているうち、すっかり投稿のタイミングを逃してしまって、既に旧聞に属する話ではあるけれど、少し前に話題になった h1要素は複数回使って良いのか!? HTML5.1に関するW3CとWHATWGの主張の違い - Togetterまとめ について、アクセシビリティおじさんとして反応しておきたい。 既に各所で指摘されている通り、h1要素を複数回使うことについて、是か非かでいえば明確に「是」です... 続きを読む

h1要素は複数回使って良いのか!? HTML5.1に関するW3GとWHATWGの主張の違い - Togetterまとめ

2016/12/13 388 users WHATWG XHTML 宗派 Togetterまとめ 主張

h1要素が同じHTML内に複数もあるのはどうなの的な宗派（XHTMLの流れをくむセマンティックス派）でいたわけですが、HTML5.1が明確に否定してくれました。信じるモノは救われる的なものですかね 続きを読む

[CSS]コピペでOK、text-shadowを使ってテキストにさまざまなスタイルを与える全23種類のスタイルシートのまとめ | コリス

2013/08/25 386 users text-shadow コリス BAS CSS コピペ

画像は無し、数行のスタイルシートを加えるだけでテキストにさまざまなスタイルを与えるデモを紹介します。 Text Shadow Compilation デモは全部で23種類、かっこいいスタイルをはじめ、使い方が限定されたアレなものまで、さまざまなスタイルがあります。 基本のHTML HTMLの基本はclassを付与したh1要素のみです。 classを変更して、利用してください。 [html] Bas... 続きを読む

[CSS]h1一つだけでこんなにかわいいレトロ風リボンが実装できるスタイルシート | コリス

2013/01/23 184 users span コリス div要素 見出し CSS

このレトロ風の凝ったデザインのリボン、HTMLはh1要素だけで実装されています。 余分なspan, div要素もなく、もちろん画像は一切使用されていません。 Single Element Pure CSS3 Double Fold Ribbon CSSはそれなりのボリュームになりますが、スタイルシートだけでデザインする見出しのバリエーションとしてストックしておきたいですね。 HTML HTMLは非... 続きを読む

[CSS]タイプライターのように一文字ずつアニメーションで表示するスタイルシート | コリス

2012/02/26 98 users コリス steps CSS アニメーション タイプライター

JavaScriptは使用しないで、CSS3アニメーションでタイプライターのように一文字ずつ表示するスタイルシートを紹介します。 デモページ 実装 両デモの実装方法を紹介します。 HTML HTMLは共通で、h1要素でテキストを実装するだけです。 <h1>Typing animation by Lea Verou.</h1> CSS:モダンブラウザ対応版 CSS3のsteps()を使用して一文字ず... 続きを読む

[CSS]HTMLは汚さずに、ディテールにこだわったリボンをつくるチュートリアル | コリス

2011/08/24 92 users コリス ribbon effect チュートリアル CSS

HTMLはclassを一つ追加するだけで、リボンを折り返したスタイルを適用するチュートリアルを紹介します。 リボンの実装 HTML HTMLは非常にシンプルです。 h1要素にclassを付与するだけです。 <h1 class="ribbon">Swish CSS3 folded ribbon effect.</h1> Webフォントの設定 フォントも美しく表示されるように、Webフォントを利用しま... 続きを読む

要素にヒント表示したい際に使えそうなポップアップ実装jQueryプラグイン「grumble.js」:phpspot開発日誌

2011/07/26 54 users phpspot開発日誌 要素 ヒント表示 バブル となり

要素にヒント表示したい際に使えそうなポップアップ実装jQueryプラグイン「grumble.js」 2011年07月26日- Grumble.js 要素にヒント表示したい際に使えそうなポップアップ実装jQueryプラグイン「grumble.js」 $('h1').grumble(options) と唱えると、h1要素のとなりに次のようなバブルを表示させることが出来ます。 要素指定なので簡単です。o... 続きを読む

[JS]親要素のサイズに合わせてフォントサイズをフィットさせるスクリプト -FitText | コリス

2011/05/15 56 users FitText コリス フォントサイズ width スクリプト

デモでは、width=100%で実装された「FitText」とその下のダウンロードに適用されており、それぞれ親要素のサイズが変更されると共に、フォントサイズが変更されます。 サイズを変更したキャプチャ h1要素のwidthを「100%」にしているため、ブラウザのサイズを変更するとフォントのサイズも追従します。 FitTextの実装 下記は、デモ（h1要素とダウンロード）での実装例です。 HTML ... 続きを読む