Google推奨のスマホとフィーチャーフォンに最適化したサイトの作り方
[対象: 中〜上級] Googleは、フィーチャーフォン向けのモバイルサイトに対する推奨構成を公開しました。 Building Smartphone-Optimized Websites – Webmasters — Google Developers スマートフォン向けのモバイルサイトの推奨構成を1ヶ月前に公開しましたが、このなかには従来型の携帯電話であるフィーチャーフォン、日本で俗にいうガラケーについては触れていませんでした。 そこでフィーチャーフォン用の推奨要件をドキュメントに新たに追加した形になります。 モバイルサイトの構成に際してはレスポンシブ・ウェブデザインをGoogleは推奨しています。 しかしフィーチャーフォンはCSSメディアクエリをサポートしていません。 したがってGoogleがサポートする3つ構成のうちのレスポンシブ・ウェブデザイン以外の方法を採用する必要が出てきます。
スマートフォン版 Googlebot-Mobile の導入について
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
モバイルウェブ環境のHTTPSのチューニング « NAVER Engineers' Blog
こんにちは検索サービス開発４チームの崔珉秀と申します。 インフラやシステムとの連携や統計のバックエンドを担当しております。 モバイルのウェブ環境はPCのウェブ使用環境とは色々な違いが有ります。 ネットワークの速度だけではなくバッテリーの効率を考えた仕組みなど、PCに比べリソースが十分ではないためモバイルブラウザの動作が異なっていることも有ります。 今回はモバイルのウェブApplicationにおけるSSL関係の性能に関する工夫の内容をQ&A形式で解説していきます。 Q. 何が問題でしたか？ A. モバイルクライアント(iPhone, Android)のアプリケーションからのHTTPリクエストの応答時間に遅延の問題が有ります。 最初はweb access logからのslow response(１秒以上)のHTTPリクエストが結構ありました。 そのHTTPリクエストをprotoc
モバイルコンテンツ：不確かならば省略しよう
モバイルの読者に向けて書くことはウェブ向けに書くよりもずっと厳しい編集が要求される。モバイル利用では埋め草（余白を埋めるためのコンテンツ）への寛容度が低くなるものだからである。 Mobile Content: If in Doubt, Leave It Out by Jakob Nielsen on October 10, 2011 日本語版2011年10月25日公開 最近、実施した、ユーザーはモバイル機器でどのように読むのかの調査で、ちょっとしたパラドックスが明らかになった： 暇つぶしはモバイルのキラーアプリである。11年前に初めて実施したモバイルユーザビリティの調査で確かめて以来、暇つぶしとモバイル機器は理想的な組み合わせである。なぜならば、ユーザーがブラブラしながら何かが起きるのを待っているときに、モバイル機器はすぐに利用可能なものだからである。人気のある時間つぶしのアプリにはゴシッ
家に郵送物は届くの？
キャッシングをする場合に、申し込みの方法によっては家に郵送物が届くことがあります。 申し込み書などを金融会社に郵送して申し込みをした場合には、キャッシングを利用する時のカードや、利用明細などが自宅に届くのが一般的です。 カードはたいていの場合は、書留で送られてくるので、一人暮らしや留守がちの場合には受け取るのが大変です。また、金融機関の封筒で届くので、家人に見つかる場合もあります。 一切の郵送物が届かないようにするには、インターネットでの申し込みがおすすめです。キャッシング会社のホームページには、簡単に申し込みができるようなサイトがあります。このサイトを利用して、必要事項の入力をして申し込みを行うことで、ネットだけで完結できるキャッシングをすることが可能です。 この方法でキャッシングをすると、自分の銀行口座に必要な金額が振り込まれる形でお金を借りることができます。従って、キャッシング用のカ
続) ガラケーからスマホの怒濤の流れで割を食い始めたサービス
先日、「ガラケーからスマホの怒濤の流れで割を食ったサービス」というタイトルでブログを書いたら、怒濤のリツイートで4万人近い人が2日で訪れてブログを読んでくれた。そのあとも1000〜3000人/日くらいと来訪者はけっこう高めに推移して、毎日せこせこ書いてる自分としては嬉しい限りだ。お金にならなくなってたくさんの人が毎日読んでくれると嬉しいもの。相当昔、SPA!とかPOPEYEにライターとして原稿書きまくっていたときのことを思い出します。 で、｢割を食ったサービス」ではなくて、「割を食いつつあるサービス」も最近相当に周囲に出てきている。それが誰もが思いもよらなかったところに出現しているのにはびっくりなのである。 自己紹介を読んでいただければわかるが、わたしの本業はネットストアの構築と運営コンサルタントである。いろんなショップさんと商品開発をし、運営を一緒に行っている。その中でスマホブームの弊害
auのEZWebがそろそろ終了しそうな件 | [ bROOM.LOG ! ]
ニコニコPodder iPhone/iPod/iPad対応ニコニコ動画簡単インポートツール aggregateGithubCommits GitHubレポジトリでのコミット数をAuthor/期間別に集計します probeCOCOATek 新型コロナ接触確認アプリCOCOAが配布するTEKを表示・集計 先日auからEZWebに関わる以下のようなアナウンスがなされた。 KDDI au: EZfactory EZブラウザは、2011年秋冬モデルにて、EZサーバを含め、「機能」及び「ネットワーク環境」の見直しを行ないます。 これによる主な変更点は以下のとおりです。 ＜主な変更点＞ ・EZサーバの言語変換機能が削除され、HDMLが非サポートとなる。 ・EZブラウザ、PCサイトビューアーのIPアドレス帯域が統一される。 他にもCookie仕様の変更などがあるのだが注目すべきは、「EZブラウザとPCサイ
Titaniumは使えません
もう暑くってェ グッタリしちゃってェ…んじに🐈にゃーん🍓🫐🍅🌽🍈🍆🥒🍇🦝 @uupaa Ti.Media.VideoPlayer#url を string と比較すると、Stringじゃねーよエラーになるとか。バギーっすね 2011-04-28 17:11:04
DSAS開発者の部屋:ケータイやクローラの判別などに使えるmod_cidr_lookupを公開しました
mod_cidr_lookupというApacheモジュールを公開しました。 http://lab.klab.org/wiki/Mod_cidr_lookup mod_cidr_lookupは、アクセスしてきたクライアントのIPアドレスが、指定したCIDRブロック群のいずれかにマッチするかどうかを判別するApacheモジュールです。 Apache 2.0と2.2系に対応しています。 マッチした結果は、環境変数 (X_CLIENT_TYPE) とHTTPリクエストヘッダ (X-Client-Type) にセットするので、Apache自身とバックエンドのWebアプリの両方で同じ情報を参照することができます。 このモジュールを使うメリット 簡単にクライアントの種類を知ることができる 判別処理はモジュールが行ってくれるので、のちほどお見せるように、Webアプリやhttpd.confでは環境変数やリク
後発なのに大ヒット 携帯ブログ「DECOLOG」がつかんだ“女心”
07年にスタートした携帯ブログ「DECOLOG」は、デコメ素材で簡単にページを装飾でき、エロい広告もゼロ。おしゃれさやかわいさを追求している点が若い女性に支持され、月間60億PVを稼ぎ出す。 携帯電話向けブログサービス「DECOLOG」が、10代後半～20代の女性に支持され、月間60億ページビュー（PV）以上を稼ぐ人気となっている。月間ユニークユーザーは800万人。アクセスランキング上位のブロガーは、街で声をかけられたり、握手や写真を求められるほどの知名度という。 デコメ素材や写真を使ってユーザーがページをデコレーションできるのが特徴。出会い系やアダルト、コンプレックス商材の広告を掲載しないなど“健全さ”も売りだ。2007年2月にオープンし、当初はまったく流行らなかったが、08年4月ごろから口コミで広まり始めた。 ランチの感想に友達とのプリクラ、恋人のグチ――DECOLOGには若い女性の日
携帯サイト開発で実機テストが欠かせない理由とは？ | 株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報
携帯サイト開発で実機テストが欠かせない理由とは？|株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報| 携帯サイト開発から生まれる技術情報ブログ シンメトリックでは様々な携帯サイトの開発を行っている。公式サイトから各種キャンペーンサイトまで幅広い。 そして携帯サイト開発で必ず行っていることといえば、実機テスト。携帯シミュレータやFirefoxでの動作確認も行っているけど、PCでのチェックは補助的な扱いとなる。どんな場合にでも、絶対に実機テストを欠かすことはできない。 それではなぜ、それほどまでに実機テストが欠かせないのか？PCブラウザでの確認で十分ではないのか？ 「携帯の実機を使用しなければ確認できない項目が多すぎる」。これこそが実機テストが欠かせない大きな理由になる。今回は実機テストの必要性を具体的な例を挙げて説明したい。 【理由1】PCブラウザで表示できても実機では
【2010年11月最新版】直近決算発表に基づくmixi、GREE、モバゲーの業績比較 ～ Amebaとニコニコ動画もあわせてチェック：In the looop：オルタナティブ・ブログ
【2010年11月最新版】直近決算発表に基づくmixi、GREE、モバゲーの業績比較 ～ Amebaとニコニコ動画もあわせてチェック 日本三大SNSサービスの、2010年7-9月期の四半期決算発表が出揃った。 3ヶ月前の記事では、「ハイブリッドモデル」(自社ゲーム＋オープンゲーム)で先行したモバゲータウンが他社を圧倒するも、成長鈍化のきざしがあることを報告した。一方、約半年遅れて「オープン化」したGREEはページビューが急上昇しはじめ、今後の再成長を予感させている。また、mixiは「ソーシャルグラフ・プロバイダー」という独自コンセプトを掲げ、国内でも普及しはじめたFacebookとの対決姿勢を鮮明に打ち出したことをレポートした。 ・ 直近決算発表に基づくmixi，GREE，モバゲーの業績比較 (8/16) 筆者がこの三社比較記事をはじめたのは2009年だが、そのころと比べて、三社を取り巻く
[Gcam]GPS携帯連動キャンペーンシステムASP
Gcamは、GPS携帯に連動したキャンペーンシステムのASPサービスです。ユーザがキャンペーンに応募した時、ＧＰＳ情報を取得。現在地を割り出します。Gcamは、GPS携帯に連動したキャンペーンシステムのASPサービスです。 ユーザがキャンペーンに応募した時、ＧＰＳ情報を取得。現在地を割り出します。 ユーザの現在地が、あらかじめ登録された当選地点に該当する場合は、あたり。 それ以外は、はずれです。あたり・はずれ各々の画面を用意して表示することができます。 あたり画面にデジタルコンテンツ（※）ダウンロード画面へのリンクなどを置くことで、 その場所だけでゲットできるアイテムを賞品とすることができます。 ※デジタルコンテンツ…着メロ、着うた、デコメ、待ちうけ画像、アプリ等 「Gcam」の特徴 「ココ だけ」 当たり地点には、お店やイベント会場など、ユーザを誘導したい場所を設定しておきます。 必ず
問題点の概要 - 「PHPで作成する携帯会員サイトの基本」の諸問題(1) - 徳丸浩の日記
_問題点の概要 CodeZineから発表されている「PHPで作成する携帯会員サイトの基本」という記事はツッコミどころ満載で、既にいくつかの問題が修正されているのだが、まだ残っている問題があることや、修正内容にも疑問があるので、いくつか指摘してみたい。ざっと書いたところ、ものすごく長くなりそうだったので、小出しで「連載」の形で書く。忙しいので途中でやめるかもしれない。今回は、問題点の概要を報告する。 くだんの記事をざっと見たところ、以下の問題を見つけた。 IPアドレス制限のない「かんたんログイン」 Net_UserAgent_Mobileを用いて携帯電話の端末IDを取り出し、かんたんログインを実装しているが、ゲートウェイのIPアドレス経由であることを確認していない。以下のリストは、端末IDを取り出しているところ（4ページ目）。 $agent = Net_UserAgent_Mobile::s
ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース : LINE Corporation ディレクターブログ
※文中のケータイ livedoorのPVに誤りがあり、修正いたしました (2010/9/22) こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイトで表現できる自由度が高くなり、単に作るだけではなく、デザインで差をつける時代が来ています。 それが読み取れる世の中の動きとして、たとえばモバイルデザインアーカイブさんは、年鑑が出るくらい書籍・サイト共に人気ですよね。また、ちょっと前に発売された書籍『ケータイサイト解体新書 デザインパターンから理解する実装テクニック』は、いろいろなデザインパターンからHTMLを引けるため、デザインをする上でとても参考になります。 携帯サイト年鑑2010 著
いまさらFlash Lite 1.1を使うための基礎知識（1/3） - ＠IT
現在大人気のソーシャルゲームを制作する際に知っておきたい、Flash Liteコンテンツの制作のテクニックを紹介します Flash Lite 1.1のリファレンスやツールを紹介 最近は、「ガラケー」と呼ばれる携帯電話でインターネットに接続すると、その端末に最適化されたページが自動で表示されるようになっています。それには、もちろんHTMLが使われる場合もありますが、主にFlash Liteが使われるケースが増えています。 Flash Liteは、主に「ガラケー」で再生されることを目的としたFlash Playerのサブセットです。「ガラケー」のメニューなどの動的な導線、または携帯ゲームなどでの動的コンテンツで主に使用されています。2010年9月現在、バージョン3.1までが勧告されています。 □ 「ガラケー」のソーシャルゲームの制作現場では、Flash Lite 1.1が常識！ 実は「ガラケー
入力フォームの操作性、機種による違いにご注意！ | 株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報
入力フォームの操作性、機種による違いにご注意！|株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報| 携帯サイト開発から生まれる技術情報ブログ 入力フォーム内の項目を横並びにしたり、リンクを追加したりすると、携帯でのユーザーインタフェースに思わぬ影響を及ぼしてしまうことがある。具体的に言うと、機種によってはチェックボックスやラジオボタンを十字キーで選択することが難しくなったりするのだ。 今回は携帯の十字キーの操作性にフォーカスしてみる。 このページの操作性は？ チェックボックスやラジオボタンなどを組み合わせたシンプルなページを用意した（サンプルページはこちら）。HTMLソースは以下の通り（一部抜粋）。 テキスト1<br /> <input type="text" name="t1" value="" /><br /> テキスト2<br /> <input type="tex
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
XHTML+CSSでの携帯サイト構築～3キャリア対応の落とし穴～/Mobile - サイブリッジラボ
かのうです。 サイブリッジは今夏休み！でも私は休みをずらして9月末の祝日と合せて大型連休にしうと企んでいます。今のところまだ予定はないんですけどね笑 そういえば「iモードブラウザ2.0」のお話 2009年5月以降に発売開始されたdocomo端末に「iモードブラウザ2.0」が搭載されていますよね。 デザイナー向けの新しい機能は下記ですが、まだまだ完全に普及したとは言えないので、結局のところ「XHTML+CSS」での携帯サイト構築が必要ですね。 ・外部スタイルシートを含むCSS対応 ・サイズ制限が500Kバイトに ・Shift_JIS、UTF-8の文字コードが利用可能 ・JavaScript対応（Ajax含む） ・ページ埋め込みFlash動画（FLV）対応 ・クッキー対応 ▼docomo公式サイト iモードブラウザについて XHTML+CSSでの3キャリア対応の落とし穴 なんで普及もしばらく時
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウノウラボ by Zynga Japan: I love spacer