タグ

ブックマーク / webtan.impress.co.jp (11)

  • 全部信じて任せてください! 画像ファイル容量を3~10分の1以下にする「SmartJPEG」知ってますか? | インタビュー

    こちらの画像、左側(286KB)と右側(44KB)とで、ファイル容量が5倍以上異なります。でも見た目に大きな違いはありませんよね? 画像のファイルサイズが小さければ、ユーザー側はギガ消費を抑えられるし、読み込み速度も速くなります。サイト管理側も、ストレージ容量を削減できます。このように、サイトに掲載する画像を自動で最適化してくれるのが、ウェブテクノロジの画像軽量化ソリューション「SmartJPEG」。 「SmartJPEG」は、見た目そのままに画像容量を抑えてくれるサービス。バージョン2.0を7月10日にリリースし、アニメーションGIFの生成、WebPの出力に対応したほか、画像内容に応じてJPEG・PNGのどちらが適しているかを自動判断できるようになりました。さらに、ブログシステム「WordPress」から「SmartJPEG」を呼び出して、画像の軽量化を自動で行うプラグインも同時にリリー

    全部信じて任せてください! 画像ファイル容量を3~10分の1以下にする「SmartJPEG」知ってますか? | インタビュー
    web-ma
    web-ma 2018/09/27
    SEOにもユーザービリティにも有用なサービスですね。
  • Web業界的には、iOS 11.3最大の特徴はSafariでのPWAサポート開始だ! | 初代編集長ブログ―安田英久

    「PWA」は、アプリ的な機能をWebで実現する仕組みWeb担当者さんのなかには「PWA」という言葉にまだなじみがない方も多いかもしれません。 わかりやすく説明すると、「PWA」とは、スマホアプリのような機能や動作をWebサイトで実現するための仕組みです(「Progressive Web Apps(プログレッシブ ウェブ アプリ)」の略)。 ウェブ標準として定められている仕様に則ってHTMLCSSJavaScriptで動的なサイトを作れば、 アプリストアを通さなくてもWebサイト経由で利用できスマホのホームスクリーンに起動アイコンを追加してアプリのような全画面で起動でき(ブラウザのURLバーなど非表示)ネットワーク接続がなくてもコンテンツを表示でき(キャッシュを活用)プッシュ通知もサイトから送れるそんな「アプリ的な」ものを実現できるというもの。 一番のポイントは「サクサク動くインターフェ

    Web業界的には、iOS 11.3最大の特徴はSafariでのPWAサポート開始だ! | 初代編集長ブログ―安田英久
    web-ma
    web-ma 2018/04/03
    今の所やっぱりプッシュ通知は未実装のようです。PWAはモバイルで必須になりそうですね。
  • JSフレームワーク時代に必要なGooglebot分析とスクレイピングの技術(テクニカルSEOの復権全6回の3) | Moz - SEOとインバウンドマーケティングの実践情報

    JSフレームワーク時代に必要なGooglebot分析とスクレイピングの技術(テクニカルSEOの復権全6回の3) | Moz - SEOとインバウンドマーケティングの実践情報
    web-ma
    web-ma 2017/01/30
    クローラーの動向を調査することは必要ですね。
  • うわっ…正式リリース前にバズりすぎ…? @typeの「年収低すぎ」モデル募集キャンペーンに見るソーシャルメディアの怖さ | Web担当者Forum

    キャンペーンを仕掛けるにあたって、ソーシャルメディアで話題になれば効果が上がる。しかし、仕掛け側が予想しない早いタイミングで、しかも正式リリース前に、キャンペーンが話題になりすぎても、困った事態が起きてしまうようだ。今回は、そんな事例をお届けする。 徐々に話題が広まって、募集スタート時点で最高潮になれば……「うわっ…私の年収低すぎ…?」のキャッチコピーと、驚く女性の顔が特徴的な、転職サイト「@type」のバナー広告。ほとんどの人が目にしたことがあるだろう。 @typeでは、このバナー広告のモデルを公募するキャンペーンを行っている。同社によると、このバナーのモデルを公募するのは初めての試みだということだ。 同社では、バナー広告モデルの募集開始を2012年4月19日の予定で進め、3日前の4月16日午前11時ごろにはキャンペーンサイトを番環境にアップした。 「少し前にサイトをオープンしておけば

    うわっ…正式リリース前にバズりすぎ…? @typeの「年収低すぎ」モデル募集キャンペーンに見るソーシャルメディアの怖さ | Web担当者Forum
    web-ma
    web-ma 2012/04/27
    @typeのモデル募集の事例について。こういうシーンって実際ありますよね。
  • 「評価対象は最初のリンク」ルールとハッシュ記号――PageRankスカルプティングへの影響は? | Moz - SEOとインバウンドマーケティングの実践情報

    この手法を使えば、リンク先となるページの数を6分の1に減らせる。これにより、リンク元ページの各リンクがリンク先に受け渡すリンクジュースの量を(6つのリンクをそれぞれ別のURL対して張っていたときに比べて)多くできるわけだ。 これは、「グーグルはこれらのURLがすべて同じページを参照しているように扱う」という前提に基づいている。たとえば、example.com/about.html#contactに張ったリンクもexample.com/about.html#privacyに張ったリンクも、グーグルdomain.com/about.htmlへのリンクだとみなし、#以降の記号を無視する、といった具合だね。 そうすると、同じページを参照する6種類のURLができるわけだ。 ところで、検索エンジンの「評価対象は最初のリンク」というルールを覚えているだろうか? 1つのページに同一のURLをターゲットと

    「評価対象は最初のリンク」ルールとハッシュ記号――PageRankスカルプティングへの影響は? | Moz - SEOとインバウンドマーケティングの実践情報
    web-ma
    web-ma 2010/11/01
    おもしろい記事|「「評価対象は最初のリンク」ルールとハッシュ記号――PageRankスカルプティングへの影響は?」
  • アイレップ、LPOとマンガを組み合わせた「マンガ LPOサービス」を開始 | Web担当者Forum

    検索エンジンマーケティングのアイレップは、LPOのランディングページにマンガを用いてリスティング広告の成果を改善するサービス「マンガ LPOサービス」を7月12日に提供開始した。 マンガ LPOサービスでは、アイレップのLPOに関するロジックとマンガを融合する。ランディングページの1コンテンツとしてマンガを用いることで、テキストだけではあまり読まれることのない内容をより気軽に読めるものにし、ユーザーの理解度を高めて従来以上の成果の獲得を支援する。従来のSEM特化型ランディングページ最適化サービスで培ったノウハウによるページ構成と、伝わり易さ、行動を促すようなストーリー設計のマンガを制作し、成果を改善する。 サービスの流れは、「キーワードモチベーション分析」「構成・マンガプロット作成・作家選定」「マンガLPO制作」「納品・公開」となる。納品物には、LPO現状・競合分析調査書、マンガLPOコー

    アイレップ、LPOとマンガを組み合わせた「マンガ LPOサービス」を開始 | Web担当者Forum
    web-ma
    web-ma 2010/07/12
    おもしろそうなサービス。
  • ページ表示2秒でユーザーはイライラし始め、3分の1が「もういいや」となる | 初代編集長ブログ―安田英久

    また、ページの描画にかかる時間が3秒を超えると、40%の消費者がそれ以上待つのをあきらめてしまうとのこと(ただし、こちらも実際のデータでは、最も多かったのは「4秒超」の60%)。 では、ページの表示時間を特に気にするのはどんな層の人でしょうか。 調査によると、よくオンラインで購買活動を行う人ほど気にするようです。 そのネットショップへの愛着に影響する要素としてページの表示時間を挙げた人の割合は、オンラインで購買をする全体では52%ですが、年間1500ドル(約14万円)以上をオンラインで使う人では61%でした。つまり、よくネットで買い物をする人ほど、ページ表示の時間を気にするのですね。 次に、売上とページ表示速度の関係を。 ネットショップの表示が遅いからという理由で買うのをあきらめたことがある人は全体の1/3にも上りました。 ネットショップに対して不満を感じている人の23%は、不満の理由とし

    ページ表示2秒でユーザーはイライラし始め、3分の1が「もういいや」となる | 初代編集長ブログ―安田英久
    web-ma
    web-ma 2010/04/27
    ネットショップだけじゃない。自分も最近は待ち時間が存在するだけで中を見ないことが大半。
  • 最後の切り札/【漫画】Webマーケッター瞳 最終話 | 【漫画】Webマーケッター瞳 シーズン1

    最後の切り札/【漫画】Webマーケッター瞳 最終話 | 【漫画】Webマーケッター瞳 シーズン1
    web-ma
    web-ma 2010/03/31
    ついに最終回。「最後の切り札/【漫画】Webマーケッター瞳 最終話」
  • コンテンツが良ければ検索順位は上がるなんて思ってたら間違いだ | Moz - SEOとインバウンドマーケティングの実践情報

    SEO(検索エンジン最適化)」とは、「検索エンジンのオーガニック検索のトラフィック経由でサイトに訪問者を連れてくること」という意味で広く使われている用語だが、私はこの用語が好きではない。その理由の1つに、SEOと言う用語は、しばしば来は認められていないリンクのやりとりや検索エンジンスパムとともに語られるからだ。また、SEOコンサルタントはしばしば、エンジニアができるはずの非常に基的なこと以上はしてくれない。しかし、最も致命的な側面は、「最適化」という言葉によってSEOが最後の仕上げであり、デザインや開発の中心に置くのではなく最後に後づけで行うようなものであると示唆する点にある。残苑ながら、SEOという用語はすでに広く使われているため、印象は固まってしまっている。 SEOは非常に重要である。というのも、一般のユーザー(技術の世界に生きているわけではない人たち)がURLを直接入力できるお

    コンテンツが良ければ検索順位は上がるなんて思ってたら間違いだ | Moz - SEOとインバウンドマーケティングの実践情報
    web-ma
    web-ma 2010/02/08
    RT @tyto_style コンテンツが良ければ検索順位は上がるなんて思ってたら間違いだ
  • グーグルで働いてました。どんなサイトがスパム判定されるか知ってます など10記事(海外&国内SEO情報) | 海外&国内SEO情報ウォッチ

    デジタル ポイント フォーラムに、以前グーグルに勤めていたという人物が、ペナルティやインデックス削除の内情について語った。当にグーグルで働いていたのかはまったく不明だが、言っていることの中にはもっともらしく思えるものもあるので紹介する。この人物は次のようにフォーラムに書き込んでいる。 サイトが一定のクリック率に到達すると人間のレビューが入る。 収入を求めて在宅で働いている主婦や外国人が、グーグルの軍隊であるかのようにサイトをチェックしている。8時間連続でサイトを見続けている彼らのだれかがあなたのサイトをスパムサイトだとみなしたら、そこで終わり。 グーグルはスパムを3つのカテゴリに分けている:スパムを意図していないスパムの可能性ありスパム目的で作られたグーグルがスパムだとみなすサイトとは、サイト全体に大量の広告があるサイト、ポップアップが表示されてそれを消すために4回もクリックしなきゃいけ

    グーグルで働いてました。どんなサイトがスパム判定されるか知ってます など10記事(海外&国内SEO情報) | 海外&国内SEO情報ウォッチ
    web-ma
    web-ma 2010/01/29
  • Googleは平均ページ読み込み時間を順位決定に含める予定 - PubCon 2009より | Moz - SEOとインバウンドマーケティングの実践情報

    ※Web担編注:記事タイトルの「Googleは平均ページ読み込み時間を順位決定に含める予定」に関連する話題は、記事の最後(2ページ目)をご覧ください。 グーグルのマット・カッツ氏も参加するSEMを中心としたイベント「PubCon 2009」から、読者の役に立つ情報をお届けする。 1日目:ユニバーサル検索およびパーソナル検索に向けての最適化これは貴重な情報が満載のすばらしいセッションだった。私にとって最大の収穫は、Bruce Clayの最高経営責任者(CEO)であるブルース・クレイ氏から得たものだった。クレイ氏は、画像コンテンツと動画コンテンツというきわめて限定的なテーマだけに絞って、いかにインデックス化するかについて説明した。 これについてはたくさんの質問が寄せられているテーマなので、画像と動画をインデックスに登録させる興味深い方法について、具体的な情報が得らたのはとてもうれしかった。実際

    Googleは平均ページ読み込み時間を順位決定に含める予定 - PubCon 2009より | Moz - SEOとインバウンドマーケティングの実践情報
    web-ma
    web-ma 2010/01/18
    ページの読込時間が検索順位に影響を及ぼす。
  • 1