あなたの時間を無駄にする、すでに廃れた7つのSEOの手法。 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
今回の記事は、Quick Sproutからニール・パテル氏の記事を紹介します。今年の初めにGoogleアルゴリズムの編纂についての記事を掲載して以来、久々の登場です。掲載時期が2014年9月の記事なりますが、今後の流れをうまくまとめた内容になっています。自身の戦略を改めて考える際に、参考にしてみてはいかがでしょうか？ — SEO Japan ＊リンク先の記事は全て英語になっています。 SEOは、年を追うごとに変化しており、過去に効果があった取り組みが、今でも同じようにうまくいくとは限らない。現在利用しているその手法は、既に廃れている可能性があり、トラフィックの増加につながらないどころか、反対にトラフィックを減らしてしまう危険がある。 それでは、どうすればいいのだろうか？ この記事では、あなたが今すぐにやめるべき手法と、これから取り組むべき手法をまとめてある。下記に掲載する個々の手法を、ぜひ
≡ ←ハンバーガーメニューのデザインでクリック率は違う（2014年のA/Bテストの結果から）
スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付
第5回 意外と知らない？HTTPSを使いこなすテクニック
今回は、通信経路を暗号化するHTTPS（Hyper Text Transport Protocol Secure）について説明します。 HTTPSは、SSL（Secure Socket Layer）/TLS（Transport Layer Security）を使い、HTTP通信を暗号化します。WebアプリケーションでHTTPSを使うと、盗聴や改ざん、なりすましによる被害を防げるようになります。 ただしHTTPSの実装には注意が必要です。2014年には、SSLのオープンソースソフトウエアであるOpenSSLに、「HeartBleed▼」「POODLE▼」「FREAK▼」と呼ばれる重大な脆弱性が見つかりました。証明書を発行する認証局や、Google Chrome、Firefox、IEなどのブラウザーも対応を進めています。 ▼Heartbleedとは、2014年4月に発覚したオープンソースの暗号
グーグルの順位決定要因2014年版データ登場！――まずはキーワード関連のデータを紹介（前編） | Moz - SEOとインバウンドマーケティングの実践情報
いまや、いかに「コンテンツが王者」であるかを、だれもが語り、「ユーザーのために質の高いコンテンツを作る」ようにとアドバイスする。キーワードが（not provided）になる以前から、「キーワードは終わった」と口にする人もいた。 もちろん、こうした言葉によってそれなりのアプローチがひらめく場合も多少はあるかもしれないが、実際のところ、たいていは、それ以上の情報を何ももたらさない役立たずの決まり文句でしかない。 コンテンツの関連性測定を可能にする「質の高いコンテンツ」とは何なのだろうか。 ユーザーにとって関連性の高いコンテンツとは、どのようにすれば作れるのだろうか。 「タイトルにキーワードを入れ、コンテンツにキーワードを7回入れる」といった手法は、まだ有効だろうか。 検索エンジンが時とともにどのように発達してきたのか、そしてどんな特徴が流行しその重要性が変動してきたのかを理解するべく、Sea
2015年、現在のWebデザインを確認しながらこれからのトレンドを探る
Webデザインは常に進化しており、活気にあふれている世界です。現在のWebデザインの状況を確認しながら、2015年の予測されるトレンドを紹介します。 Webデザイナー・ディレクターだけでなく、Web制作に携わる人は知っておいて損はないキーワードばかりです。 Web Design Trends That Will Rule 2015 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 高品質なストックフォト 単色の背景 動画を使った背景 面白いナビゲーション カード・タイル型レイアウト 固定配置のブロック パララックスは繊細に いかにスクロールしてもらえるか 今までとは違うイラストの使い方 ビッグデータ・グラフ プロダクトファースト フラットデザインは成長し続けている モバイルファースト 人間的な温かみのあるデザイン UXのちょっとした工夫
2014年に読んだ技術書で良かったもの - うさぎ組
概要 新刊にかぎらず、今年読んでいて「あー、良書だなー」って思ったものをあげています。これ、ダメじゃないの？とか、あー、やっぱりこれいいよねっていうコメントもらえると嬉しいです。 基本は、.NETにおけるWeb APIやFW開発でQA * POな人が思う良書です。今年は技術書より論文、言語仕様書、実装を読んでいることが多かったので、去年の半分の30冊くらいしか読んでいないかな。 開発チーム系 エッセンシャル スクラム 作者: Kenneth S. Rubin出版社/メーカー: 翔泳社発売日: 2014/08/01メディア: Kindle版この商品を含むブログを見る スクラムなんとなくわかっているんですけど、自分以外の状況よくわからんしなー、進め方変じゃないかなぁっていうときに、読むとめっちゃ参考になります。 組織パターン 作者: James O. Coplien,Neil B. Harri
2015年躍進するメディアは『特化型』か！？「iemo」「クックパッド」などから見るバーティカルメディア成功の鍵 « 株式会社ガイアックス
こんにちは、ソーシャルメディアラボの渕上です。 2014年もあと10日ほど。今年もソーシャルメディア界隈ではいろんな出来事がありましたね。もはやインターネットでニュースを読むのは当たり前になり、あらゆる情報の収集をインターネットに頼っている方も多いのではないかと思います。 さて、皆さんは今年、自分の欲しい情報を収集するためにどのような方法を選んだでしょうか？ ■目次 メディアのトレンドは水平から垂直に！ １．情報収集は「検索」から「キュレーション」へ ２．これからのトレンドはバーティカルメディア！ ３．成功しているバーティカルメディアを分析してみる ４．バーティカルメディアは忍耐のメディア ５．広告という収益モデルとの相性の良さ ６．成功するメディアとは？ 情報収集は「検索」から「キュレーション」へ 2012年くらいまでは「Googleで検索してるよ」という方がほとんどだったかもしれません
2014年Webデザイナーはコードをどこまで学ぶべきか、Webデザインが今までどのように進化してきたかのまとめ
Webデザイナーはコードを学ぶべき？ コーダーはデザインを学ぶべき？ 両方に精通している人はなかなか多くはいません。Webデザインがどのように進化してきたのかその流れをしっかり押さえ、デザインとコードのギャップをつなぐことができたか振り返ってみましょう。 A brief history of web design for designers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 先日の彼らの記事「しっかりと理解しておきたい！レスポンシブWebデザインを使いこなすための9つの基本原則」と同様に、分かりやすいアニメーションもお楽しみください。 1989年：Webデザインの暗黒時代 1995年：Webデザインの始まりはテーブルから 1995年：JavaScriptが表現の幅を広げる 1996年：Flashにより自由の黄金期へ 19
ステップ形式のウィザードが作れる「jQuery Steps」:phpspot開発日誌
Examples - jQuery Steps ステップ形式のウィザードが作れる「jQuery Steps」。 WEBサイト上で、ユーザ登録画面などで入力項目が多い場合にステップ表示をした方がユーザは安心しますが、それをjQueryで簡単に実現できるプラグイン。 デザイン的にBootstrapなサイトでも使えそうで便利かも 関連エントリ フォームにて入力の入力UIを追加できる「jquery.signfield」 フォーム要素をフラットかつ全デバイスで統一させるjQueryプラグイン「Formplate」 Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 より良いフォームの入力ヒント実装jQueryプラグイン「Label Better」 クレジットカード入力補助フォームの実装ができるjQueryプラグイン「Creditly.js」
［速報］HTML5、ついにW3Cの勧告となる
W3Cが発表したプレスリリース（日本語）の冒頭を引用します。 2014年10月28日(アメリカ)： ワールド・ワイド・ウェブ・コンソーシアム(W3C)は、ウェブページやウェブアプリケーションを構築する際に使用されるフォーマットHTMLの第5版であるHTML5を勧告として公開し、オープン・ウェブ・プラットフォームの礎を築きました。HTML5は、アプリケーション開発者やアプリケーション産業がこの先何年に渡って信頼するに足る、アプリケーション開発のための機能を提供します。HTML5は今や幅広いデバイスで、そして世界中のユーザが利用可能であり、かつ豊富な機能を持つアプリケーションの開発コストを削減します。 W3Cディレクターを務めるティム・バーナーズ＝リーは、「ビデオやオーディオをブラウザ上で見たり、ブラウザ上で通話をすることは、今や当然の事として受け止められている」と述べています。「写真や店舗の
今後のメディアを考えるうえで知っておきたいデータ10選 - メディアの輪郭
日々、いろんな海外メディアの情報を追っているのですが、改めて日本におけるメディア関連データで気になるものを足下から整理しようと思い、調べてみました。 1. スマートフォンの所有率 （出典：ビデオリサーチインタラクティブ | プレスリリース） 昨年の時点でガラケーの所有率をスマホが上回っていたようですが、今年はさらに差が広がっていますね。特に女子学生（85.2%）、男子学生（78.3%）のスマートフォン所有率が高いとのことです。タブレットもじわじわ増えています。 2. スマートフォン加入者数 総務省によれば、日本にはインターネット利用者数が9652万人いるようです。また、IDC Japanの2013年～2017年の国内スマートフォン加入者数予測によれば、2014年には6277万人に、2015年には約7000万人がスマホを持つことになりそうです。 3. スマートフォンの利用場所とシーン ヤフー
安全なPHPアプリケーションの作り方2014
Internet Week 2010 S3 今日こそわかる、安全なWebアプリの作り方2010 http://www.nic.ad.jp/iw2010/program/s3/
Webデザイナーが捗る！知識を増やす最近のトレンドまとめ
作成：2014/09/29 更新：2014/11/01 Webデザイン > Webデザインの流行りを知るために、トレンド感のある配色や洗練されたレイアウトをつくり上げるために、知っておきたいことや方法など。他に、Web制作において今後積極的に挑戦してみたいものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 配色 １．ネオンカラー ２．washed out ３．グラデーション ４．マテリアルデザイン 模様 ５．ジオメトリー 背景 ６．背景色を時間の経過で変化させる ７．スクロールで背景固定、コンテンツだけ動かす 一部に動きをつける ８．シネマグラフ ９．線画 (SVG) １０．グリッチ UI・他 １１．ゴーストボタン １２．プレースホルダー １３．ローディングエフェクト １４．pushState １５．ドロアー レイアウト １６．タイルレイアウ
「Web Service x Design」を日本デザインセンターで聞いてきた - めも帖
「Web Service x Design ― 人々の日常を変えるWebサービスのつくり方」に行ってきました。 追記 Pressoについては、色々なところでブログ記事があります。あと、はてなで関係していそうな記事を追記しておきます はてなのニュースアプリ「Presso」のデザインができるまで - Hatena Designer’s Blog YAPC::Asiaで開発合宿について発表してきました #yapcasia - 大西ブログ はてなセミナールームで「ユーザテストLive! 見学会 in KYOTO」を開催しました - Hatena Developer Blog 「SIer→フリーランス→アプリ開発会社→フリーランス→はてな」なアプリエンジニアの、これまでとこれから - Hatena Developer Blog UI/UX設計の教科書、About Face 3輪講の資料を公開します
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事
御嶽山 噴火の証言｜NHKオンライン
「絵文字に平等をサポートしてください」人種差別の指摘にゆれるUnicode 
プログラミング言語は「黙って写経」──カーネルハッカー・小崎資広（4） | サイボウズ式
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
