HTML の 〜 内に書くタグの順番にも気を遣ってみた。
投稿日：2016年1月20日 更新日：2016年1月20日 HTML, SEO 7890文字：約14分 ONZE 株式会社 オンズ ONZE https://on-ze.com/blog/4831 今アナタがご覧になっている、このオンズのウェブサイトでは読み込み速度のスピードアップや各種マークアップのクオリティ維持のために随時徹底した改善作業を行っています。 これまでも本ブログにて様々なテクニックを紹介してきましたが、今日は<head>〜</head>タグ内のコードにフォーカスして、弊社が実際に行っているHTMLマークアップの考え方を紹介していきます。 ブラウザで「要素を検証」して実際にコードを見てもらうのが手っ取り早いのですが、参考までに以下にコードをコピーして記載します。 今日（2016年1月20日）現在のオンズのウェブサイトの<head>〜</head>タグは次のように記載されていま
HTML 5.1で変更されたsection要素の使い方、header要素とfooter要素のネストについて解説
2016年11月1日に、HTML 5.1が勧告されました。HTML 5から新しく加えられた点、削除された点、変更された点がいろいろあります。 その中から、ページのアウトラインを組み立てる上で重要なsection要素の使い方、header要素とfooter要素のネストについて具体的な事例を添えて紹介します。 Document Outlines in HTML 5.1 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 私は以前、HTMLのページにvalidなアウトラインを持つ重要性について説明しました。 先日、HTML 5.1が公式にリリースされました。 興味深い変更が数多くあり、そのうちの2つはvalidなアウトラインに関係しています。 削除 アウトラインを作成するh1要素を入れ、ネストされたsection要素の使用。 変更 hea
PHPで「Cannot modify header information - headers already sent by」というエラーになる場合の対処
PHPで「Cannot modify header information - headers already sent by」というエラーになる場合の対処について紹介します。 １．問題点 次のようなPHPを作成しました。 <?php echo("test"); header('Content-Type: application/json; charset=utf-8'); …後略… ?> このPHPを実行したところ、「Cannot modify header information - headers already sent by (output started at /.../index.php:xx) in /.../index.php on line xx」というエラーが発生しました。 ２．原因 原因はheader()関数の前にecho文があるためです。 header()はHTT
ウェブマスター ツールで hreflang のアノテーションに関するトラブルシューティングができるようになりました
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
Google著者情報(rel=author)によくある7つの質問
[対象: 上級] 著者情報の利用に関してよく聞かれる（上級者向け）の疑問に対する回答を、Googleのウェブマスター向け公式ブログが公開しました。 訳したので参考にしてください。 Q1. 著者情報を使えるのはどんな種類のページか？ 著者情報は以下の基準を満たすページで利用する。 そのURL/ページが、1つの記事（や、それに続くページ）あるいは単一のコンテンツから成っていて、同じ作製者によって作られている。つまり、記事一覧だったりフィードの更新情報であったりしてはならない。ページ上の著者がもし頻繁に入れ替わるのであれば、アノテーションは検索者にとってもはや役に立たないものであるし、検索結果に出にくくなるだろう。 そのURL/ページが、主にその著者によって書かれたコンテンツから成っている。 ページには署名を明瞭に表示する。その作者が記事を書いたことを伝え、Google+のプロフィールで使ってい
rel=“prev”とrel=“next”のページネーションにおける正しい使い方
[対象: 上級] 今日の記事は、rel=”prev”とrel=”next”によるページネーションを扱ったかなり難易度が高いトピックになります。 rel=”prev/next”とビューオールページを用いたGoogleが推奨するページネーション処理を確実に理解している状態でないと意味不明でしょう。 Google、ページネーション問題を解決するrel=“next”タグとrel=“prev”タグをサポート開始 Googleが推奨するビューオールページとページ分割のベストプラクティス 僕自身の理解度を深めるための記事とも言えます。 なので今日は興味がある方だけ読んでください。 ページネーションについての処理方法をGoogleのMaile Ohye(マイリー・オイェ)さんがビデオで解説しました。 使用しているスライドと補足説明がWebmaster Centralブログの記事でも公開されています。 マイ
ヘッダーとフッターを固定
CSSだけでヘッダーとフッターの位置を固定する方法をご紹介いたします。 ヘッダーとフッターは3行目の「position: fixed;」でスクロールしても位置が固定するようにし、4行目の「top: 0;」、18行目の「bottom: 0;」でそれぞれ上下に表示しています。中央表示は「width: 100%;」プロパティで実現させています。 コンテンツは「overflow: auto;」でヘッダーとフッター以外のスクロール制御をするようにし、「padding: 150px 0 150px;」でスペースを取って、通常時にヘッダーとフッターの後に潜り込まないようにしています。 問題はIE6です。IE6は「position: fixed;」に対応していないで、IE6用のプロパティを用意します。25行目の「_height: 100%;」で一度、画面全体の高さをいっぱいにしてフッターまでを表示させてい
複数ページにまたがる記事やコンテンツをお持ちの方へ。rel=”next” と rel=”prev” を使用したページネーションのご紹介
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
.htaccessを使ってHTTPヘッダーにrel=
Official Google Webmaster Central Blog によると、Googleウェブ検索のクローラーが、HTTPヘッダーで指定される「rel=”canonical”」のサポートを開始したとのことです。 » Official Google Webmaster Central Blog: Supporting rel="canonical" HTTP Headers これはなんですか？ 通常「rel=”canonical”」はHTMLのheadタグ内にlink要素として記述します。 <link rel="canonical" href="http://blog.fkoji.com/2011/06151739.html" /> URLの正規化対象がHTMLページであればこれで良いのですが、例えばPDFドキュメントのようにHTML以外のURLを正規化したい場合には当然使えませ
WordPress3.1でログイン時に出るようになったバーを非表示にする方法
WordPress3.1がリリースされました。 アップグレードしてみたんですが、ログ イン時にバーが追加されることに・・・ 個人的に非常に邪魔だったので消す 方法をご紹介。分かりにくいのですが、 デフォルトの機能で消せます。 ググっても出ず、WPクソですね！とか言われるのも辛いので書いておきます。
Yahoo! SEO 誰でも順位が上がるたった1つの方法 ::SEM R (#SEMR)
Yahoo! SEO 誰でも順位が上がるたった1つの方法 4月1日特別企画。あの会社も実践！確実にYahoo!で順位が上がるSEO。バックリンクにたった1行を埋めこむだけで、簡単にYahoo!JAPANの検索ランキングが上がってしまうテクニックを特別紹介。 公開日時：2010年04月01日 00:04 Yahoo! SEO は難しい？ 世界的な検索シェアはGoogleが過半数を握っているものの、国内に目を向けると Yahoo!JAPANが検索シェアの約半数を占めており、日本の検索マーケッターもYahoo! JAPAN を中心として考える傾向がある。とりわけSEOにおいては顕著で、市場を見ると、「Google SEO」や「Bing SEO」「Baidu SEO」「NAVER SEO」「サグール SEO」はなくても「Yahoo! SEO」と呼ばれるサービスは多数提供されている。 本来SEOとは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
