タグ

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

  • 快速ページ表示のためのblank.gifのdata URI化、最短表現や処理の重さを実際にテストしてみた | 初代編集長ブログ―安田英久

    今日は、Webページを素早く表示するために、lazyloadやスプライトで使うblank.gif画像をdata URI化する手法に関して。モダンブラウザで表示に問題のない最短文字数とデコード処理にかかる時間を調査してみました。ちょっと技術的です。 blank.gifというと、古い人には「スペーサーかよ!」と思われるかもしれませんが、今でも画像のlazyloadに使ったり、スプライト画像のベースに使ったりと、意外と使うものです。 このblank.gifを「data URI化」するとページ表示が早くなるんじゃないかと思い、調査したりテストしたりしてみました。結論としては、次のようなものでした。 モダンブラウザで正しく表示されるblank.gifのdata URIは最短74文字の次の表現:data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAA

    快速ページ表示のためのblank.gifのdata URI化、最短表現や処理の重さを実際にテストしてみた | 初代編集長ブログ―安田英久
    asiamoth
    asiamoth 2019/08/20
    全ブラウザで正しく表示される──よりも、iframeでも使える`//:0`が手軽で良いと思う。「壊れた画像アイコン」が表示されるが、それはCSSで何とかする。
  • SEO内部施策だけで検索エンジンからの来訪が3億PV増加、社内にSEOノウハウも蓄積/pixivのSEO事例 | 事例

    そう話すのは、ピクシブ株式会社のディレクター中村氏と鈴木氏。 多くのユーザーが自分でイラスト漫画小説を創作し投稿するpixivのサイトでは、検索エンジン最適化に関してどんな問題を抱えていて、どんなSEO施策を進めたのだろうか。 今回pixivSEO施策を担当した株式会社アイレップの担当者とともに、話を伺った。 今回のSEO施策でpixivが行ったのは、次のようなものだ。 サイトコンテンツのインデックス促進 ―― 重複コンテンツなど不要なページへのクロールをなくし、意味のあるページをよりクロールしやすいようにサイト内リンクを最適化することで、検索エンジンが効率的にコンテンツをインデックスできるようにする最適化。検索ボリュームが多くなるキーワードに対応した重み付け ―― 関連するイラスト投稿の多いキーワードに対するサイト内リンクが自動的に増える仕組みの実装。検索エンジンが理解しやすいペー

    SEO内部施策だけで検索エンジンからの来訪が3億PV増加、社内にSEOノウハウも蓄積/pixivのSEO事例 | 事例
    asiamoth
    asiamoth 2011/12/23
    そんなことより、イラストとユーザの ID が結び付いていない URL を何とかしてください──という話ですよね!
  • 売れないモノでも売るブラック・テキスト芸 基礎編 | Web担当者Forum

    鼻が曲がるほど臭く、吐き気を覚えるほどに苦く、色は黄土色。しかも大きめのタブレット状で飲み込みにくく、肝心のダイエット効果が乏しい健康補助品。ハッキリ言って、売れるモノではありません。しかし、あなたがWeb担当者として、この商品を売らなければならないとしたらどうするでしょうか。マーケティング的回答なら、不味さを逆手にとり、 といった企画を逆転の発想で立て、耳目を集めるのも正解の1つですが、味覚オンチの社長の趣味で作られた商品で、口が裂けても「不味い」という言葉を使えないとしたら。 こんな時に役立つのが「ブラック・テキスト芸」。ちょっとした工夫で、与える印象を操作し、時に売れないモノでも売れる方向に導く文章術です。悪用すれば「詐欺」にも使えるという警告から「ブラック」としています。今回はその「基礎編」。 突然ですがクイズです。一見すると派手すぎる装丁の「赤色のスマホ用保護カバー」をコンテン

    売れないモノでも売るブラック・テキスト芸 基礎編 | Web担当者Forum
    asiamoth
    asiamoth 2011/09/29
    この記事自体が「物は言いよう」を言いかえる“ブラック・テキスト芸”ですね! 毎日のように「言いたいことは分かるけれど、言い方があるだろう……」というページを目にしています。もっと芸達者になるべき!
  • ヤフーの画像はなぜyimg.jpドメインなのか? サイト高速化の手法とヤフーの失敗例 | 初代編集長ブログ―安田英久

    ヤフーの画像はなぜyimg.jpドメインなのか? サイト高速化の手法とヤフーの失敗例 | 初代編集長ブログ―安田英久
    asiamoth
    asiamoth 2009/01/13
    ドメインを分けるメリットと落とし穴についての考察。なるほど、と納得したが、自分の(アクセスが少ない)サイトでは効果が……。
  • タイトルの巧拙でページビューに何倍もの差がつく - 住太陽氏との対談「SMOの今後」(前編) | 評判管理の技術――ソーシャルメディア最適化の実践テクニック

    フリーランスのWebプロデューサー、SEOエンジニア、Webマーケター。1999年にウェブデザイナーとして独立。2001年には国内でいち早くSEO(検索エンジン最適化)サービスを開始、同年には現存する国内最古参のSEO情報サイトである「SEO 検索エンジン最適化」を開設・運営するなど、トリックに頼らない正当なSEOの普及を目指す国内SEOの先駆者として知られています。現在は企業のWebマーケティングに関するコンサルティングや、Webサイトのプロデュースや制作実務などを行うかたわらで、講演や執筆、ブログなどを通じて精力的な情報発信を続けています。 住 太陽(スミ モトハル)のブログ 紺野: 最初は、企業の広報担当者がソーシャルメディアをどのように活用すればよいか、というテーマから話をしたいと思います。まずはパブリシティの基であるプレスリリース(ニュースリリース)。これをソーシャルメディアに

    タイトルの巧拙でページビューに何倍もの差がつく - 住太陽氏との対談「SMOの今後」(前編) | 評判管理の技術――ソーシャルメディア最適化の実践テクニック
    asiamoth
    asiamoth 2008/01/12
  • 専門家の僕が答えられない8つのSEOの疑問 | Moz - SEOとインバウンドマーケティングの実践情報

    時々このブログのせいで、自分がSEO分野の鼻持ちならない知ったかぶりのように思えてくるのだけど、断じてそれは違う。僕が上手く答えられない疑問を挙げていけば、議論もできるしいいなと考えた。それじゃ、始めるよ。 同一ページ内の複数のアンカーテキストの価値は減少していく? 1つのページからあるページに複数のリンクを張った場合、2つ目以降のリンクのアンカーテキスト(1つ目のリンクのものとは異なると仮定)の影響力は小さくなる、あるいはゼロになるのではないかという説がある。具体例を挙げると、カッコいい作品による器具アートでとてもクールだ、という具合にリンクを張ったときに(この3つのリンクはすべて同じページへのリンクだ)、検索エンジンは「器具アート」や「とてもクール」よりも「カッコいい作品」というアンカーテキストを重視するというものだ。真偽はどうなのだろう? 同義語はどこまで有効なの? 「アクサス解

    専門家の僕が答えられない8つのSEOの疑問 | Moz - SEOとインバウンドマーケティングの実践情報
    asiamoth
    asiamoth 2007/06/11
    「ページ上部に位置するリンクほど、重要度が高い」って(X)HTML上で、ってことだよな。やはりサイドバーなどはソースコードの下に持っていくべきか。
  • 1