モバイルサイトを正しく Google に認識させるためには
+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
成果を上げる携帯サイトのフォーム設計 (ユーザビリティ実践メモ)
離脱されない携帯サイトのフォーム作成術 携帯サイトのフォーム設計のコツ 個人プロフィールからの引用を考慮した携帯サイトフォーム設計 さて、携帯サイトのフォームの入力効率を上げる（完遂率を上げる）には、まず項目数を少なくして入力負荷を減らすことが第一です。 しかしビジネス上の要件から、項目数を減らすことにも限界があります。そこで、入力時のボタン操作など、「ユーザの操作面の負担を少なくする」ことを考えましょう。 1. 入力文字種を指定する テキストエリアの属性としてistyleを指定することで、入力文字種の「全角かな」「半角カナ」「英文字」「数字」をページ側で指定することができます。 携帯電話では文字入力モードを変更するために、2-3回（十字キーを使う場合はもっと多くなります）ボタンを押さなければなりませんので、この指定だけでもユーザの負担は大きく減ります。 ※タグや属性の詳細な仕様に関しては
Qdmail - PHP::Mail Library , Quick and Detailed for Multibyte
hal456トップページ 注意！ 本業が忙しいため、私は開発・更新には関わっていませんし、ご質問にも対応しておりません。 下記のURLの方々が、引き継いでいただいているので、どうぞそちらをご利用ください。 ライセンスに従えば改変は自由ですが、本ホームページでのダウンロードは停止いたします。使い方などについては、参考にされる方もいるかも知れませんので、当面の間、残しておきます。 長らくのご愛顧、誠にありがとうございました。 自分が作成したプログラムが、多くの方に便利に使われたことは、とてもうれしかったです。 2018/1/28 深謝 QdmailをPHP7.0に対応させる Qdmailシリーズのgithub版です。PHP5.4対応 qdmailを新しめのPHPでも動くようにした Qdmailとは Qdmailとは、PHPのマルチバイト環境（特に日本語）にて、「文字化けしない」「簡単に"デコメ
ke-tai.org > Blog Archive > ケータイ向けサイトでmailtoを利用する際は改行コードに注意
ケータイ向けサイトでmailtoを利用する際は改行コードに注意 Tweet 2008/5/14 水曜日 matsui Posted in 記事紹介・リンク | 3 Comments » 先日Webを巡回していて見かけたブログで、興味深い記事がありましたのでご紹介させていただきます。 一部のドコモ端末で、mailto内の改行コードを間違えると、メールが送信されないケースがあるようです。 → BUKURO-JIN 届かない mailto ～DoCoMo 改行コードの罠～ [y-110.net] 対象となるのは、「ドコモのＮ, Pシリーズ」で、mailto内のbody部の改行コードをLFでURLエンコードしてしまうと、メールが送信されないとのことです。 送信されない例： <a href="mailto:x@example.jp?subject=xxx&body=xxx%0Axxx%0A"> 正し
携帯サイト制作の実践ノウハウ：キャリア別にメール受信設定リンクを出分ける
空メールを使った携帯サイトやサービスがよくあります。迷惑メールを懸念し携帯ドメイン以外のメールアドレスからの返信を拒否するユーザーも多いので、ユーザー離脱を起こしやすいです。こうしたユーザーに配慮し、ドメイン拒否指定をの解除がしやすいように、メール受信設定が行えるキャリアのURLにリンクを貼るなどします。 ラウンドアバウトのない静的なHTMLでは３キャリア分のリンクを列挙することになります。違うキャリア用のリンクを踏むとエラーになるので、ユーザビリティを考慮して出し分けしたいところです。 前回書いたように、ラウンドアバウトではPI機能または変換シートの２つの方法で出し分けをすることができます。 ●PI機能を使う場合 以下のサンプルのように、キャリアを出し分け条件にしてPIを記述します。 （XHTMLソース） ﾒｰﾙ受信設定は<br /> <?ra carrier="DoCo
【携帯サイト制作】第六回 メール受信設定をしっかりと案内してますか？ | muneto.murakami.biz Weblog
ケータイユーザー、多くの方がスパムメールを嫌がって、メール受信拒否設定をされていますよね。 私は面倒なので一切していませんが・・・・。 ケータイサイトの中には、メール受信拒否設定について以下の４つの方法があるかなと。 何も案内しない 受信拒否解除してね 受信拒否解除してね。場所はこのへんだよ。 受信拒否解除してね。ここをクリックしたら設定画面にいくよ １は論外として、２は３や４の事が解らないという理由が多そうです。あとは解っていても面倒だから・・・といった具合でしょう。 ３は丁寧ですね。テンプレがあれば簡単ですが、自分で調べて掲載するとしたら結構面倒なもので、それでも掲載しているなら、その制作者は偉い。 でもやっぱり一番良いのは４でしょう。ユーザーも楽ですし。 ３と４の合わせ技も良いと思いますが、４単体の方がスペースの節約にもなって良いのかなと。 ただ、この４について、キャリアのサ
第3回 携帯サイトの文字コードに気をつける | gihyo.jp
上記はキャリアが対応を発表している文字エンコードであり、機種によっては公式に発表している文字エンコード以外にも対応している場合もあります。上記の表から、携帯サイトで共通に使える文字エンコードは「Shift_JIS」であることがわかります。このことから携帯サイトでは基本的に「Shift_JIS」を使って画面の入出力を行うことになります。ちなみにSoftBankの3GC型などの端末では、「Shift_JIS、EUC-JP、ISO-2022、UTF-8」のそれぞれに対応していますが、「EUC-JP、ISO-2022」はキャリアのゲートウェイを通過するときに「Shift_JIS」に自動的に変換されてきます。そのため出力はできますが取り扱いはShift_JISとなるため、SoftBankのみの携帯サイトの場合はShift_JISかUTF-8に絞って対応するとよいでしょう。 絵文字を考慮に入れた文
[携帯]リンク色の指定方法、フォーカス時の各キャリア表示差異 │ これからゆっくり考L +α
モバイルサイトでリンク色を指定するには、htmlの場合はbodyタグ内に記述、xhtmlの場合はhead内に記述する必要があります。 <body link="#000000" vlink="#ff0000" alink=""> ・link 通常のリンク色 ・vlink 訪問済みのリンク色 ・alink フォーカス時のリンク色 <head> ... <style type="text/css"> <![CDATA[ a:link{color:#000000;} a:visited{color:#666666;} a:focus{color:;} ]]> </style> </head> ・a:link 通常のリンク色 ・a:visited 訪問済みのリンク色 ・a:focus フォーカス時のリンク色 未選択時のリンク色はどのキャリアも同じ表示ですが、選択時の文字色、背景色は各キャリアによって
[symfony] モバイルでフォームが文字化け
モバイルでフォームに日本語の値を戻すときに文字化けが発生しました。 モバイルの文字コード変換は自家製のフィルタでやっていました。resuestのParameterHolderの中身にをUTF-８に変換し、処理後、すべてのrespose contentsをShift_JISに変換していました。一部抜粋するとこんな感じです。 public function execute($filterChain) { $response = $this->getContext()->getResponse(); if ($this->isFirstCall()) { $agent = GmAgentMobile::getInstance(); if($agent->isDoCoMo()) { $response->setContentType('application/xhtml+xml; charset=
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
携帯サイト作成時の注意点（制限事項含む）｜携帯サイトの作り方｜モバイル／スマートフォン｜PHP & JavaScript Room
注意事項 docomo *1：モノクロ2階調で5KB以内のGIFファイル推奨（高階調だと低階調の機種でうまく表示されない可能性あり）。GIF87a/GIF89a形式のみサポート。最大画像サイズは最大94x72ドット。 Animated GIFは最大画面数5コマまで。1画面に最大4個まで配置可。リピート回数は最大166回。各コマは同一サイズで開始座標も同一にすること。 iモード全機種対応なら、画像サイズは最大128x128以内に収める。 au *2：au全機種対応は「GIF89a」。ファイルサイズは25KB以下。ブラウザで表示する場合はリサイズする等して9KB以下にする。 参照：KDDI au:技術情報 » GIF画像
iモードIDとutn(端末情報)との違い - maru.cc@はてな
「DoCoMoのiモードIDについて - maru.cc@はてな」でも書いたとおり、DoCoMoでiモードIDという、契約者を識別するIDを勝手サイトでも使用することが出来るようになった。 元々、iモードIDが使える前にも、utnと言われる端末情報やFOMAカードの番号を取得する方法はあったが、それとはまったく意味が違うことになる。 iモードIDの仕様については、SSLで送ってこないとか、formのpost時の要求方法が変だとか、セキュリティ的にどうかとういのはもちろんあるし、SSLで使えないくせにCookieベースのセッションが使えないとか、不満はいろいろあるが、それでも使えるようになったことで意義があると思う。 そもそものutnとiモードIDとの違い ■utn(端末情報) mova端末の場合には、端末製造番号 FOMa端末の場合には、FOMAカードの番号と端末製造番号 が、それぞれ送ら
携帯サイト作成無料ツール-katy(ケイティ)-
携帯サイトをかんたん作成。お店や会社の携帯サイトを作成し集客できるサービスです。基本料は無料。携帯サイト作成無料ツール。すべてのお店にケータイサイトを携帯サイトが注目されている理由 今やインターネット利用シーンの主流は、PCから携帯に移り、「携帯サイト」が大きな注目を集めています。インターネット白書2007によると、2007年携帯電話・PHSからのインターネット利用者(6,229万人)が自宅のパソコンからの利用者(5,711万人)を初めて上回りました。このPCから携帯への流れは今後も進んでいくことが予想されます。 現在では携帯の高機能化や、パソコンよりも身近な存在として携帯が普及したこともあり、若者だけではなく一般のビジネスマンや主婦の方などもパソコンでインターネットを見るより携帯電話を比較的よく利用する傾向にあります。 こうして携帯電話でのインターネットが身近になった今、携帯用のホー
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
携帯端末の個体識別情報(uid)取得方法
携帯サイトでユーザー認証をする方法はいくつかあります。 一番簡単なのは、ユーザ名とパスワードを使う方法です。 しかし、毎回入力するのはユーザにとっては面倒ですよね。 PCサイトならばクッキーを使ってこれらの情報を保存しておけるので 毎回入力する必要はありません。 しかし携帯サイトではクッキーが使えない(一部機種によって可能らしい)ので 別の手法を取ることを考えなくてはいけません。 そこで出てくるのが、携帯端末の個体識別情報(uid)を使うというやり方です。 携帯電話は電話番号と同じように、その端末を識別するIDのようなものを持っています。 これを利用すれば、アクセスしてきたのがどのユーザなのかを判別することが可能になるというわけです。 キャリアによって取得方法や制限などがあるので、以下に紹介します。 なお、個体識別情報はキャリアによって様々な言い方があるようですが ここでは便宜上「端末ID
携帯サイトでのセッション管理
「セッションって何？」って話については、他のページに譲ることにします。 ここでは、携帯からセッション管理する方法について説明します。 なお、セッションを使うにはHTMLだけでは無理です。 PHP/Perl/JavaServlet等、何らかのCGIを用いる必要があります。 通常のサイトでは、セッション情報は一時クッキーを用いて実現します。 しかし前述したように携帯ではクッキーが使えないので 別の方法でセッション管理をする必要があります。 それは、URLにセッション情報(ID)を埋め込む方法です。 これによって、確実にセッション管理を行うことが出来ます。 Java Servletでの簡単な例 最も一般的な形で説明します。 ここではコンテナとしてTomcatを使用しますが、他のものでも同様の処理が可能なはずです。 index.html(トップページ) | `--> login.cgi(ログイン処
携帯サイトの作り方
ここでは、携帯向けサイトの作り方を簡単に紹介します。 PC向けサイトを作ったことのある人を対象とさせていただきます。 まず、携帯版のファイルはPC版と完全に分けましょう。 共通のファイルで済まそうとするのはかなり無理があります。 PCと携帯の違い いくつかあるので順に説明します。 ファイルサイズの制限 これが一番大きなところでしょう。 後で詳しく説明しますが、携帯向けサイトでは1ページ当りのファイルサイズを 画像も含めて5Kbytes程に収めなければなりません。 5Kbytesでは足りない、と思われる方も多いと思いますが 試しに5Kbytesの文章を書いて携帯で表示させてみましょう。 携帯の小さい画面から見ればこれでもかなりの情報量だと感じるはずです。 スタイルシート関連 携帯向けサイトでは、一切のスタイルシートが使えません。 もともと、スタイルシートとは細かな装飾方法をアレンジするための
携帯電話・個体識別情報（番号）の取得方法、uid、iモードID(guid)、EZ番号、端末シリアル番号
携帯電話・個体識別情報（番号）の取得方法、uid、iモードID(guid)、EZ番号、端末シリアル番号 個体識別情報とは 各携帯電話には1台1台、個体識別情報（個体識別番号）というユニーク（唯一）な番号が付いている。 携帯電話の製造番号のようなもの。 主に非公式サイト（勝手サイト）にて会員を識別するために利用されている。 一方公式サイトでは、一般的にユーザID（uid）と呼ばれる端末のIDを取得して会員を識別している。 現在、ドコモ以外は公式サイトで使われているuidを取得することができ、非公式サイトでも利用されている。 個体識別情報を取得できる機種は、ドコモは503以降・FOMA以降、auは全機種、ソフトバンクはパケット通信対応機種以降。 古い機種は個体識別情報を取得できない。 また個体識別情報は、使用する携帯電話にて端末ID（製造番号）を通知する設定にしていないとサイトにてIDを取得で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sabar ya
promob.jp