検索エンジン相関図 2009年9月版 αSEO
検索エンジン相関図 2009年9月版です。 検索連動型広告の掲載パートナーや、検索エンジンの主要な提携先等をまとめています。 主な動き 一般公開されて3ヶ月あまりが経過するNAVERは、「NAVERまとめ」の役立ち系・ネタ系ふくめて色々なところで紹介され、来訪者も増えているようです。ただし、検索エンジンとして浸透させたいのであればユーザに「検索」してもらう必要があるわけで、今後はこうしたユーザをどうやって（GoogleやYahoo!との併用または乗換えで）検索行動に移らせるのか、その仕掛け作りが必要でしょう。また、収益化をするためには（たとえば検索連動型広告であれば）コマーシャルクエリの検索が伸びていかないと広告主側からの魅力が薄れるので、検索＆コミュニティというユニークなポジショニングを維持しつつ、どうやってビジネスを進めていけるのかが注目です。 百度はここのところ日本国内向けのニュース
広告出稿したポータルサイトを利用した。スパム的SEO « 5ers8
ホットペッパーやぐるナビの様なポータルサイトに、自社サイトのターゲットキーワードで1位を取られている場合のスパム的SEOです。 通常、被リンクをつけるのは自サイトに向けてですが、今回は広告を出稿しているページに集客したいキーワードでリンクを張ります。 例：池袋 お好み焼き １位には食べログがヒットします。 SEOを行う店舗(以降、A店と表記)が食べログに掲載されている場合、食べログのA店の店舗詳細ページに被リンクを集めます。 対策を行って検索結果ページにA店の店舗詳細ページが表示されれば成功です。通常の検索結果の下にインデントされた形で表示される事が多いです。 私が対策した実例では以下のような状態でした。 1位に業界大手ポータルサイト 2位に自社サイト 業界大手ポータルサイトに自社サイトが出稿している 対策後のSERPが以下です。多分悪い事をしてしまっているので、ぼかして失礼します。 １位
モバイルブラウザーのデファクトスタンダードになりつつあるWebkit
最近、なぜかいろいろなところでHTML5やら モバイル端末向けのブラウザーの話をすることが多いのだが、今年になってトレンドとしてはっきりと見えてきたのは、WebKitがモバイル端末のブラウザーのデファクト・スタンダードになりつつあるということ。 私自身、最初にAppleがブラウザーを作ると聞いた時には「なんでそんな大変なことを今更？片手間でできる仕事じゃないぞ」と思ったりしたわけだが、その予想に反してAppleが見せた本気度とリーダーシップには本当に関心してしまった。 世の中にすでに何百万とあるサイトとコンパチビリティを保つというだけでも大変な作業なのに（経験者語る）、CANVASやCSS Transform/Transitionなどの新しいコンセプトを次々に導入してHTML5の標準化でリーダーシップを取っている点は注目に値する。 「スタンダードを決める」立場に自分を置く事がどのくらい重要
jQueryによるアニメーションエフェクトの基本 (1/5)
jQueryの特徴の1つは、Webサイトに動きを付ける「アニメーションエフェクト」を手軽に実装できることです。jQueryで実現できるのは、セレクターで指定したHTML/XHTML（以下、HTML）要素のサイズや位置、透明度を時間の経過とともに徐々に変化させ、動いているように見せる簡単なアニメーションですが、最近のWebデザインで用いられる“動きのあるUI”を作るのには重宝します。 今回は、jQueryに用意されているアニメーションエフェクト関連の命令を紹介します。 非表示状態の要素を表示するshow() show()は、CSSのdisplayプロパティの値が「none」、つまり非表示に設定されているHTML要素を、アニメーション付きで表示状態（display:bolck;）に切り換える命令です。要素の透明度を透明から不透明にしながら、サイズ（高さ／幅）を0から本来のサイズに変化させます。
【ハウツー】CSS Spritesの必要素材をサクッと生成! お手軽ブックマークレットSpriteMe (1) まずは使ってみよう | エンタープライズ | マイコミジャーナル
ブックマークレットで手軽にスプライト画像/CSSコード生成 Steve Souders氏は14日(米国時間)、自身のブログ上でSpriteMeを公開したとアナウンスした。SpriteMeはCSS Spritesを使うにあたりcoolRunningsを使用して必要なスプライト画像を生成、および表示のためのCSSコードを出力してくれるWebサイト。同Webサイトにはブックマークレットが用意されており、ユーザはブックマークレットを任意のWebサイトで実行するだけで簡単にスプライト画像と必要なCSSコードを入手できる。 SpriteMeの動作の流れはおもに次のとおり(Demoより抜粋)。 CSSより背景画像(background-image)が指定されている箇所を抽出 抽出した画像の幅や高さをもとに、グルーピングをおこなう グループごとにスプライト画像を生成 生成したスプライト画像を現在表示してい
サポートブラウザを記載するべきではない5つの理由 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Webアプリケーションの中には、どのブラウザとどのOSをサポートしているかが掲載されるものがある。主な理由はサポートしているブラウザとOSを明示することで責任の範囲を明確にし、サポートにかかるコストを削減することにある。しかしこれは、目的とする効果以上に、マイナス効果の方が強いかもしれない。 Craig Buckle氏がSitePointにおいて5 Reasons Why You Should Not Publish Supported Browser Listsのタイトルのもと、Webアプリケーションにサポートブラウザリストを掲載すべきではない5つの理由を紹介している。紹介されている理由は次のとおり。 特定のブラウザではなくすべてのブラウザをサ
Dynamic Drive DHTML Scripts- Ultimate Fade-in slideshow (v2.0)
Note: March 7th, 16': Updated to v2.6.1 for miscellaneous bug fixes. Description: This is a robust, cross browser fade in slideshow script that incorporates some of your most requested features all rolled into one. Each instance of a fade in slideshow on the page is completely independent of the other, with support for different features selectively enabled for each slideshow. Here's a lowdown on
なぜ追加料金なしの格安で固定IPが利用できるのか、ユーザー目線のサービス「livedoor プロバイダ」の秘密に迫ってみた
大容量のバックボーンに直結して法人向けに提供していた高品質インターネット接続サービスを「上級者向け格安プロバイダ」として個人向けにカスタムして提供しているのがこの「livedoor プロバイダ」。 その名の通り、あのライブドアがインターネット利用頻度の高い個人を対象に提供しており、追加料金なしの月額約1500円程度で固定IPを利用できるというのが最大の特徴。個人でサーバを立てたりする際にはかなり便利で、当然ながらポート規制もなし。また、最低利用期間というものがなく、最低1ヶ月からすぐに利用可能となっています。 ユーザーの目線にかなり立っているサービス内容ですが、一体どういう工夫をすれば格安でこのようなことが可能なのか、気になるポイントをいろいろとライブドアに直接聞いてみました。詳細は以下から。 livedoor プロバイダ - 上級者向け格安プロバイダ http://provider.li
twitterからmixiボイスにマルチポストするRubyスクリプト書いた - 5.1さらうどん
「mixiボイス」提供開始、つぶやき機能「エコー」正式サービス化 -BB Watch昨日からmixiボイスのサービスが始まりましたね。mixiエコー時代は、あまり使われていなかったようだけど、mixiボイスが始まってからは、強制的にホームに表示されるようになって利用者が増えたように感じます。 ということで、Rubyスクリプトで、twitterからmixiボイスにマルチポストするRubyスクリプトを書いてみた。 使い方スクリプト内の以下の変数を勝手に変更してください。 ###################### #mixiのログイン情報 ###################### mixi_username ='hogehoge' #mixiのログイン用メールアドレス mixi_password ='fugafuga' #mixiのログイン用パスワード #################
リアルは日本独自のつぶやき文化--女子中高生の実態調査
携帯電話向けの無料ホームページ（ホムペ）作成サービスを運営するピーネストは、同社のサービスを利用している女子中高生に対し、Twitter、およびリアル（リアルタイムブログ）についての意識調査をし、その結果を9月15日に発表した。Twitterの認知度が15％程度にとどまる一方、リアルの認知度は75％と高かった。 この調査は8月6日から8月8日までの間、ピーネストのサービス「@peps!」「Chip!!」に携帯電話からアクセスした女子中高生を対象として実施した。有効回答数は女子中学生1000人、女子高生が1001人の計2001人。 調査結果によると、Twitterの認知度は女子中学生で18.1％、女子高生で15.1％となった。一方、携帯電話などからリアルタイムにブログを更新するリアルについては、女子中学生の76.5％、女子高生の75.8％が「知っている」と答えた。Twitterとリアルは短い
W2Cマークアップエンジニア・ワーキンググループ 「マークアップエンジニアが知っておきたい3つの脆弱性」 | 作者プロフィール
2009年9月16日、W2Cマークアップエンジニア・ワーキンググループでお話しした「マークアップエンジニアが知っておきたい3つの脆弱性」に関するサポートページです。とりあえず資料がダウンロードできます。 資料ダウンロードプレゼンテーション資料の PDF 版がダウンロードできます。 bakera_w2cWG.pdf (PDFファイル 487KB) 無断での再配布はご遠慮ください。また、資料内に含まれる画面キャプチャは全て削除されていますので、一部不自然な空白があります。 以下に若干の補足があります。 マークアップエンジニアが知っておきたい3つの脆弱性:補足 参考サイト話の中で触れたり、参考にしたりしたサイトです。 情報処理推進機構 (www.ipa.go.jp)経済産業省告示「ソフトウエア製品等脆弱性関連情報取扱基準」(PDF) (www.meti.go.jp)ソフトウェア等の脆弱性関連情報
パッとHTML自動目次生成
インストールは適当なフォルダにPT_MakeIndexHTML.lzhを解凍してください。フォルダ内にPT_MakeIndexHTML.exeとnkf32.dllがあれば、以上でインストール完了です。アンインストールはインストールしたPT_MakeIndexHTML.exeとnkf32.dllを削除するだけです。 ※バージョンアップの際もPT_MakeIndexHTML.exeファイルを上書きするだけです 使い方 HTML目次を作りたいフォルダをドラッグアンドドロップするだけです。 通常はHTML以外のファイルのリンク付き目次も生成可能です。 なお、目次のHTMLファイル（pat_index.html）はドラッグアンドドロップしたフォルダの直下に生成されます。 利用ケース ・ホームページ作成管理の時などに、既存のHTMLファイルのリンク付き目次を生成したい時 ・既存ファイルのリン
23 Colorful And Smart Examples Of Beautiful Web Designs » SmashingApps.com
by AN Jay · September 16, 2009 23 Colorful And Smart Examples Of Beautiful Web Designs Where do you go normally when you start planning to design your new web design project and you are curiously finding for a mind blowing web design inspiration or just want yourself to bring up with some amazing creative ideas which can help you to create your web design project like it will make a trend or inspi
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
Portfolio Design Study: Design Patterns and Current Practices « Smashing Magazine
In our recent study on Typographic Design Patterns and Best Practices, we asked our readers about case studies they would like us to conduct. One of the most popular suggestions was a detailed case study of portfolio websites. Following the requests of our readers, we have carefully selected 55 design agencies and Web development agencies, analyzed their portfolio websites and identified popular d
Great Examples of Hand Drawn Elements in Web Design - Web Design Ledger
16 Comments Courtney Albright’s site has a cool hand-drawn focus, too. http://www.courtneyalbright.com/ How many times do we need to see Web Designer Wall? I feel like there are plenty of other examples that can fill his space… just sayin Love this! Inspires my own design ideas. These are great. Thanks for the inspiration! I believe hand drawn elements can add a personalized touch to your design,
5 Best CSS Editors for Windows and Mac
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Cascading Style Sheets (CSS) is a styl
The Principles of Good Web Design Part 1: Layout | Tom Kenny Design
This is the first part in this series of The Principles of Good Web Design. The other parts are listed below: The Principles of Good Web Design Part 2: Navigation The Principles of Good Web Design Part 3: Colour The Principles of Good Web Design Part 4: Content Good web design doesn’t just appear out of nowhere, there are many aspects of design that come together to achieve this. The first one tha
小規模ネットショップ（EC）がリンク構築に成功する3つのワザ（後編） | Moz - SEOとインバウンドマーケティングの実践情報
この記事では、小規模ネットショップ（ECサイト）向けのリンク構築法を前後編の2回に分けてお届けしている。レビューの依頼によってリンクを獲得する方法を説明した前編に続き、今回は非商用コンテンツや人脈の利用法を紹介しよう。 ヒントその2：非商用コンテンツそれなりのSEOリソースがないのなら、リンクベイトという発想はあきらめたほうがいい。かなりの労力をつぎ込んだとしても、山ほどのリンクを獲得できる保証はない。 その代わり、リンクする価値のあるコンテンツを作って、それを適切なところに手作業で広めることを考えよう。定期的に更新しなければならないブログほどまとまったものである必要すらない。現時点であまりいいリソースのないコンテンツが狙い目だ。 たとえば、前編で例として扱った、ウィジェットの販売サイト「ブルー・ウィジェット」が作るべきコンテンツを挙げてみると、次のようなものだ。 「○○X-1000」にブ
SEOなタイトルの作り方5つのポイント、ヤフーTrustRank など10記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ
日本語で読めるSEO/SEM情報SEOなタイトルの付け方5つのポイント （Sphinn Japan Blog）titleタグは、検索エンジンが順位を決定する重要なSEO要因の1つである。と同時に、人間のユーザーにとってはSERPでクリックするかどうかを判断する重要な視覚要因でもある。 この記事では、検索エンジンとユーザーのそれぞれを考慮した、適切なtitleタグの付け方を指南している良記事だ。 重複コンテンツのまとめ （All About）「重複コンテンツ」とは何か、重複コンテンツの原因、重複コンテンツの問題点など、重複コンテンツに関してわかりやすく解説した記事。「rel="canonical"」タグを用いた重複コンテンツの解消方法も説明されている。重複コンテンツを十分に理解していないウェブ担当者は、一読しておこう。 ヤフーのアップデートに慌てふためかないための心得4か条 （ワーディングラ
Web Design Dev - Graphic and Web Design Blog
Social media is an integral part of our personal and professional lives. Every day we come across hundreds of social media images. It has overwhelmed the attention of most living people today. In addition, social media helps to connect with potential customers to achieve a specific business goal. As per the latest report from Statista, … Read more 20 Stunning Free Social Media Images, Graphics & V
Hand-Drawn Photoshop Brushes Collection
Free Web Resources Everyday - WebResourcesDepotRelated PostsPhotoshop Flower Brushes – 28 Flowers Photoshop Heart Brushes Collection Hand Drawn-Doodle Social Bookmark Icons Photoshop Snowflake Brushes Collection Preview Photoshop Brushes Easily: ABRView
Greyscale Hover Effect w/ CSS & jQuery
A few months ago, James Padolsey introduced a cool greyscale technique for non-IE browsers. His technique inspired me to come up with a workaround with a similar effect. My solution relies on CSS Sprites and a few lines of jQuery, but requires a bit of preparation before it can be implemented. It is not recommended for large scale projects and probably best for displaying portfolio pieces. View De
Page not found | abdz.do
When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los
LPOで売上激減！「半年後の悪夢」はなぜ起きる？
LPO導入の効果は半年間？ LPOの人気が続いている。検索エンジンでLPOを調べると、「LPO導入でコンバージョン率が20％UP！」「着地ページの最適化でコンバージョン率が4.6倍に！」といった広告ページに行き着くし、Webマーケティング関連の展示会に行くと、各社のLPOツールが勢揃いの状況だ。 LPO（Landing Page Optimization：着地ページ最適化）とは、リファラーに含まれる検索語や、IPアドレスで分かるアクセス元の地域、時間帯などの特徴から、ユーザーがWebサイトを訪れるきっかけや動機を推定し、最初に見るWebページをユーザーのニーズに合わせて最適化する手法のこと。Web Professionalの読者であれば、LPOが何なのか、どんな効果があるのかは承知のことだろう。では、「LPOを導入したネットショップでは、導入半年後に売上が激減する現象が相次いでいる」と聞い
UNIQLO COLLECTION TOKYO 2009
UNIQLO COLLECTION TOKYO 2009You need the Latest FlashPlayer and allow javascript to see the content of this site..
10 CSS Code Snippets for Creating Tooltips
Adding a tooltip to your webpage or application is a simple way to provide users with additional context or information without cluttering the design. While there are numerous JavaScript plugins available, CSS tooltips have become a popular choice among web designers due to their simplicity and flexibility. If you’re searching for pure CSS tooltips, look no further than our collection of free code
ロゴに関する情報まとめ・チュートリアルとかギャラリーとかツールとか
ロゴの作成に困った時に役立ちそうだな、と思ってローカル環境にまとめていたロゴデザインに関するリンク集です。連休前なので時間が出来る方も多いかと思ったので公開してみます。 まとめ方は結構中途半端です。 インスピレーションLogoPondcreatticaLogoFavesLogoSauceLogo Of The Day / 日替わりでロゴを紹介Logospire / ロゴを作成して投稿し、評価し合うWoldaLogoMoose.comLogofiLogoGala / 美しいロゴのデータベースLogo From Dreams Awards / ロゴを厳選して紹介Logo GalleriaLogo Ideas Gallery Photoshop & IllustratorHow to make an awesome logo素材を生かしたロゴの作成 Photoshop create crest
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RICOH IMAGING
女子中高生の「Twitter」認知度2割以下、「リアル」は7割以上 
Page not found | abdz.do
「店舗誘導」のための、アクセス解析→ホームページ改善
転送中
css-lecture.com