概要 SEOの勉強をしたいエンジニアが最低限押さえておくべき、SEOの専門用語をまとめました！ 色々取り組んでいる僕ですが、次はWebのSEOについて色々やることになりましたので、勉強ついでにまとめてみようと思った次第です。 一応どうすればいいかというのも学んでいる最中ですが、SEOをやって行く上で付き合っていくのが必須になる単語を簡易的にまとめて、また発見が有れば随時更新していきたいです。 僕自...
Search results for html, , devtoolsapi, , qiita
「最近Qiitaを検索結果でよく見るようになったなぁ」と感じる人はいませんか？ SEOを頑張ってるWebサービスは数多存在しますが、Qiitaもその中の1つです。 SEOっていうとやれキーワードがどうだこうだ、サイト内リンクがどうだこうだ、という話になってしまいがちですが（そういうのが不要と言っているわけではないですよ）、今回はQiitaがSEOの一環として行なっている数多の取り組みの中で、比較的...
ちなみに後日談…計測対象の個別記事ですが、計測のためのアクセスがかなりの頻度あるため、PVランキングでは常に1位を独占していました（笑）。また、Google Analyticsについても、計測開始前に除外設定しておかないと、正確なデータが得られなくなりますので、ご注意下さい。計測して問題点を洗い出すファーストバイトダウンロードタイムの遅延問題ということで、竹洞さんに一定期間サイトのパフォーマンスデ...
[レベル: 初・中・上級]英語版のGoogle公式ヘルプフォーラムでGoogle社員のZinebさんが、CMSへの移行が難しい静的なHTMLサイトをモバイルフレンドリーなサイトに変換する際に考慮すべきことをアドバイスしました。参考になるので日本語に訳して紹介します。 なおリンク先ページは日本語のものも英語のものもあります。静的サイトをモバイルフレンドリーに転換する方法Chromeのデバイスエミュレ...
SEO好きですか？私は嫌いです。そんな事に取り組むよりも仕組みやコンテンツの改善に取り組みたいです。今回はそんなSEO嫌いにお送りする、SEO対策集です。やってられないSEOは１日で終わらせてもっと生産的な仕事に集中しましょう！ まずは結論から 下記をテンプレートにしていただければ良いです。google検索表示もfacebook表示も上手くいきます。twittercardの表示だけは公式サイト（日...
こんにちは、LIGブログ編集部です。 LIGブログを読んでくれている皆さんの中には、自身でもブログを書いているという方も多いと思います。 しかし、HTMLタグを自分で入力しながら書いている、タグの意味を理解しながら使っている、という人は少ないかもしれません。 最近では、HTMLタグが全くわからなくても、同じような書式の効果が手軽に反映できるブログサービスもたくさんあります。 でも、そのような設定で...
検索BANに陥り約2週間、検索結果の奥底に繋がれ頭上の明かりを目指しジタバタするも、浮かび上がる兆候はありません。 ただやはり何もせず待つのも不安なので、できる限りの対処を続けようと思います。 この状況に陥り、読者の方から何度か"HTMLの改善をしてみてはどうか？"というアドバイスをいただきました。 元々自分はSEO対策など面倒と考えていましたが、今はもはやそんなことを言っている場合ではなく、出来...
Simon Pieters 氏 （Opera Software） のツイート経由ですが、Validator.nu および、W3C Markup Validation Service が、picture 要素と srcset / sizes 属性に対応したそうです。 正確には Validator.nu が対応したので、HTML5 文書の検証に Validator.nu エンジンを使用している W3C...
HTML5 拡張仕様として策定が進んでいる、「HTML5 Image Description Extension」 が、勧告候補 （Candidate Recommendation / CR） として公開されました。 HTML5 Image Description Extension は、画像に対する、（alt 属性だけでは難しいレベルの） 長文の説明へのリンクを提供する属性、longdesc 属...
レビュー 閲覧ページの“HTML Microdata”がチェックできるChrome拡張「Semantic inspector」 アドレスバーのアイコンをクリックするだけでデータ構造が閲覧できる （2014/5/21 17:49） 「Semantic inspector」v1.1.0 「Semantic inspector」は、「Google Chrome」で閲覧中のWebページでマークアップされて...
DevTools、使ってますか？ もはやChromeじゃないと開発できないくらいに飼い慣らされています。 ブレークポイントやconsole.logなど基本的な使い方から、TimelineとAuditsを使ってのパフォーマンス計測などなど、DevToolsのポテンシャルは計り知れません。 個人的にはConsole APIが好きなんですが、今回はConsoleパネルで使える Command Line ...
Whether you're a webmaster or a web designer, there's a question you've most likely either asked or answered many times over the years. That question is, "How many tags can I use per page, and ho...
“定義”に関わるタグ ,, “説明される言葉”を囲むタグ。以前は”定義する用語”を囲むためだけの限定的な役割だったけど、HTML5からはもっとざっくり使えるようになったようです。 “定義する用語”を囲むタグ。以前のの役割をこいつが担うことになりました。 “略語や頭文字”を囲むタグ。やと組み合わせて使うことも...
サイトを運営していると、サイト内のページの移動や削除、またはサイト自体の移転をすることがあります。その場合、リダイレクトという処理を用いて新たなページに転送を行いますが、正しい知識と手順を以って対応しなければ、検索順位の下降、ページランクやドメインエイジの喪失といったSEO的なペナルティを招いてしまいます。そこで、そのようなペナルティを受けないために、ページ移動・サイト移転時の正しいリダイレクトの...
気がつけば繰り返し同じ単語で検索し、同じコードを書いている...なんてことはありませんか？「この部分の記述、もう一回使うことがあるかも」と思ったらぜひスニペットとして登録しておきましょう！ スニペットとは繰り返し登場するコードの断片、またはそれをすぐに呼び出せるように管理するエディタの機能のことです。自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりする...
前編ではHTML5のアウトラインを綺麗にする、というお話でした。アウトラインを綺麗にすれば、検索エンジンにコンテンツの階層構造がどうなっているのか、正しく教えることができます。 けどそれだけでは1つ1つのまとまりが一体何を表しているのかが不明です。 schema.orgに準拠することで、そこに何が書かれているのか、を検索エンジンに教えることができます。 schema.orgとは schema.or...
「最近Qiitaを検索結果でよく見るようになったなぁ」と感じる人はいませんか？ SEOを頑張ってるWebサービスは数多存在しますが、Qiitaもその中の1つです。 今回はQiitaがSEOの一環として行なっている数多の取り組みの中で、比較的Web上での言及数の少ない印象のある、HTMLのマークアップについて、外に出せる範囲で、前編と後編に分けて解説したいと思います。 後編はこちら 免責事項的な S...
この文書は「HTML 5.1（W3C Working Draft 2013-05-28）」の日本語訳です。日本語訳は参考情報であって、公式な文書ではありません。詳しくは、HTML5日本語化 - Opera Wikiを参照ください。 HTML 5.1 A vocabulary and associated APIs for HTML and XHTML W3C Working Draft 28 Ma...
オバマ大統領の再選に大きく寄与したことで大きな注目を集めているA/Bテスト。A/Bテストを導入した、することを検討している、という開発現場も多いのではないだろうか。 そんな中、Web上で次のような議論を見つけた。 20 lines of code that will beat A/B testing every time Why multi-armed bandit algorithm is no...
