[対象: 中〜上級] 価値のある質の高いロングテールキーワードを、簡単にできる作業で“再”最適化することにより、検索からのアクセスを短期間に大きく伸ばせる方法をこの記事では解説します。 Kaiser the SageブログのJason Acidre氏が公開した“How I increased my blog’s Search Traffic by 44% in under a month”（1ヶ月足らずでブログの検索トラフィックを44%増加させた方法）というタイトルの記事がソースになります。 Acidre氏は、この記事で説明している方法を用いて自分の個人ブログの検索流入を短期間に40%以上も上昇させることに成功しました。 難しいことはなくて誰にでも今日からすぐに始められる施策です。 またブログの事例ですが、それなりに価値があるコンテンツがすでに存在し検索からトラフィックがあるサイトならば特

どちらのほうが検索ユーザーの目に留まってクリックされやすいと思いますか？ 確かなデータはありませんが、パンくずリストのほうがクリックされやすそうですよね（特にWeb担のような無機質なURLの場合は）。 最近の検索エンジンは、サイト上でふつうにパンくずリストを出していれば、自動的に検索結果でパンくずリストを表示するようにしてくれるようです（「リッチスニペット」と呼ばれるもの）。しかし、Web担のように、おかしなこだわりでパンくずリストの区切り文字をふつうの「>」ではなく「«」にしていると、自動認識されずにさみしいことになります。 そこで、ページのHTMLに「microdata」という仕組みで手を加えて、グーグルに「ここがパンくずリストだよ」と教え、検索結果ページで使ってもらえるようにする方法を紹介しましょう。 ふつう、パンくずリスト部分のHTMLは次のような感じになっていると思います。 <a

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた

先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ

グーグルは、ウェブスパムを犯しているサイトを検索結果から排除するために「ペンギン・アップデート」と呼ぶアルゴリズム更新を実行した。ペンギン・アップデートによりスパム行為が見つかり評価を下げられたサイトがすでに続出しているようだ。 こちらの記事では、ペンギン・アップデートが標的にしたウェブスパムのタイプと対処方法を分析している。次の4パターンが目に付くとのことだ。 有料リンク購入サテライトサイトからの自演リンク過剰な相互リンク低品質なディレクトリサービスへの登録記事でもYomi-Search利用の野良ディレクトリ登録を例に書かれているが、以前ならば「効果がない」「効果が低い」だけだった施策でも、今はペナルティの原因となる可能性がある。 管理サイトの順位が下がったとしたら、記事を参考にチェックして対処するといいだろう。 日本語で読めるSEO/SEM情報ペンギン・アップデートのカギはウェブマスタ

[対象: 全員] Googleウェブマスターツールでには使いこなせないくらいのたくさんの機能が存在します。 特に初級者にとってはどの機能をどのように使ったらいいのか圧倒されそうだし、ベテランであっても常日頃からすべての機能を使ってはいません。 Google社員のTiffany Oberoi(ティファニー・オベロイ)さんとMichael Wyszomierski(マイケル・ウィスゾミエルスキー)氏がそれぞれのお気に入りのウェブマスターツールの機能を語りました。 僕からの補足解説を交えて2人のお気に入り機能を紹介します。 メッセージ ウェブマスターツールは管理者にメッセージを送信することがあります。 メッセージには設定の変更やサイトに起こった重大な問題などさまざまな種類があります。 今年の1月と2月だけで送ったメッセージは70万通をすでに超えています。 この数字には、マルウェアの通知や最新再リ

コンテンツの発注が曖昧だと、「こんなはずではなかったのに」というテキストやイラストができあがってくる。検索エンジンはテキストを重視するので、特に文章についてはSEO的観点からあれこれ細かく注文し、ライターの仕事を長引かせてしまうことがあるのは本当に申し訳ない。 SEOについては、雑誌や書籍の仕事を長くしてきたライターは、「SEOなんて知らないから発注側で適当に直せばいい」という立場の人が多いように思う。一方でライティングの仕事をWebから始めたライターには「ターゲットキーワードは何ですか？」と打ち合わせの段階から聞いてくる人もいる。原稿受領後にSEO的な問題を指摘したとき、すんなり応じてくれるのはWeb系ライターに多い印象だ。 SEO的か否かにかかわらず、原稿に納得がいかず、こちらで手直しすれば手間が増えるだけで、初めから明確に注文しておけばよかった、と毎回反省だ。きちんとしたチェックリス

Savvy Panda（サヴィー・パンダ）ブログがグーグルのプレイス検索のためのローカルSEOを解説した。パート1として書かれた、最初にやるべき3つの施策は次のとおりだ。 ① 登録情報を完全にするプレイスページのすべての項目に入力し、適切なカテゴリを設定する。その際に、写真とビデオも必ずアップロードする（最新の5つだけが表示されるので注意する）。アップロードする素材としては、次のようなものがいい。 車を運転しているときに見える建物の写真代表的な商品やサービスの写真代表者の写真紹介ビデオ（2分以内）お客様の声のビデオ最新の情報に保っておくことも大切。 ② レビューを集める誰でもかれでも手当たり次第にレビューを書くように頼むのではなく、まず常連客10人を選んで直接連絡してプレイスページにレビューを残してもらうようにお願いする。誠心誠意頼めばたいていの常連客は快くレビューを書いてくれる。初めのう

店の売上が落ち、「広告」「クーポン」「安売り」をやってみたけど、逆に売れなくなったり、利益を圧迫したりすることありませんか？ 商売やっている人には、よくある話だと思います。 普通、努力すれば売れるはずなんですが、ちょっと間違った方向へ努力してしまうと、逆に売れなくなるんですよね。 努力しているのに報われないと、精神的に参ってきます。 そんな時は、マーケティングのフレームワーク「AIDMAの法則」を利用すると、売上アップの糸口が見つかりやすいです。 漠然に「なぜ売れない」と考えるのではなく、「なぜ商品を知らない」「なぜ興味が無い」「なぜ商品を見ない」「なぜ商品を手に取らない」「なぜ買えない」などと、売れない原因を分解するフレームワークです。 分解することで、具体的な売上アップの改善法を考えやすくなります。 非常に強力なツールである「AIDMAの法則」を詳しく知らない人は、ぜひこの記事を読んで

Media Query とは CSS3 から導入される Media Type を大幅に拡張する仕様です。 そもそも Media Type とは Media Type とは CSS 2 系に元々ある仕様で CSS を適用するメディア（パソコンの画面、テレビ、プリンタ用紙など）を指定するときに使います。 以下の例だと、 media 属性の中に記述されている all や screen や print が Media Type です。 <link rel="stylesheet" type="text/css" href="共通の.css" media="all" /> <link rel="stylesheet" type="text/css" href="パソコンの画面の.css" media="screen" /> <link rel="stylesheet" type="text/css"

これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事

来月はキャプテン・アメリカ見るし、気が付いたら年中アメコミ映画を見ているminamiです。 来月にはまた大きな発表がいろいろありそうなiPhone界隈ですが、iPhoneサイトのコーディングをする際につまづいてきたポイントを挙げてみました。 [HTML] input type="file"は使えない 画像をアップするコンテンツだからフォームに input type="file" を・・・と考えがちですが、iPhone版のSafariでは使用不可です。 [HTML] <meta name="viewport" content="user-scalable=no">が効かない 最近ハマったポイントです。ユーザーに画面の拡大をさせなくすることができるviewportのuser-scalableプロパティですが、本体のアクセシビリティ設定で「ズーム機能」をオンにしているとバッチリ拡大できてしまいま