![Gmailにメールが届かなくなる!? 5月中にやるべき対応策をマンガで教えてください!WACUL安藤健作さんに聞いてきた | Webのコト、教えてホシイの!](https://cdn-ak-scissors.b.st-hatena.com/image/square/25528941d32958dcecde68a71a4b3f4d7994ee9a/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2012%2Fhoshii%2F2024%2Fhoshiino101_gmail_ogp.png%3Fitok%3DeRqR8W3c)
世の中にはブログ、ニュースサイト、ECサイト、サービスサイトなど、さまざまなタイプのWebサイトがある。ECサイトであれば、膨大な商品があり、商品1つにも色違い、サイズ違いなどがある。また、ニュースサイトなら、1日に何百記事も新規公開されている。1冊目の書籍には、こうしたWebサイトのタイプの違いによるSEOについては詳しく踏み込んでいない。そこで参考になるのが次の本だ。 2冊目:『いちばんやさしいスマートフォンSEOの教本 人気講師が教える検索に強いスマホサイトの作り方』(江沢真紀、コガン・ポリーナ、井上達也:著 インプレス:刊)本書では、実際のWebサイト制作において、サイトのタイプ別に配慮すべきポイントを画面を示しながら詳しく説明している。スマートフォンを前提として書かれている点もありがたい。「実務的な面での基本になる書籍だ」と伊東さんはオススメの理由を説明してくれた。 検索エンジン
今日は、Webの現場寄りに、CSSの話を。セレクタで「:after」と「::after」がありますが、どちらが正しいのでしょうか。そもそも、「疑似クラス」や「疑似要素」とはどういうものなのでしょうか。 CSSセレクタにはいろいろありますが、「::after」「::before」という書き方と、「:after」「:before」という書き方があります。 昔からCSSに触っている人は、「え? コロンが2つって何?」となると思います。使い慣れた「:after」と今の「::after」は何が違うのでしょうか。 疑似クラスは「:」、疑似要素は「::」CSS3では、次のようにされています。 「疑似クラス」は「:hover」のようにコロン1つで書く「疑似要素」は「::after」のようにコロン2つで書く昔はどちらもコロン1つで書いていたのですが、CSS3でこの2つが区別できるように分けられました。古い人
リンクを別タブで開くためにHTML上でリンクにtarget="_blank"を指定することには「セキュリティとパフォーマンスの点で問題がある」と、グーグルのエンジニアが注意している。 一般的な書き方だと思うのだが、どういうことなのだろうか。何が問題なのか、どうすればいいのかを、わかりやすく解説する。 ほかにも今回は、SEOコンサルタントを採用するときのポイント、グーグル検索に有利なCMS、AMPストーリーのSEOなどなど、幅広い観点からSEOの理解を深められる情報をまとめてお届けする。 SEOコンサルタント採用時のグーグル流ベストプラクティスグーグル検索ではShopifyが優遇されている!? CMSで違いはあるのか?AMPストーリーに特化したSEOをグーグルが解説グーグル検索でニュース記事を目立たせるコツをグーグルが解説グーグルは、GAやChromeのデータを検索に使っていないグーグルSE
CSSを少し変えるだけでコア ウェブ バイタル(CWV)を改善できるとしたら? 「無理でしょ」と思うかもしれないが、けっこう使えるテクニックをグーグルが解説してくれている。 また、今回はさらに「利用していないJavaScriptを削除して、CWV改善+セキュリティ」という話題もピックアップしている。 少し技術的なトピックだが、知っておいて損はないネタだ。 ほかにも、「コア アルゴリズム アップデートが来たけど来月も来る」「ファーストビューで見えるコンテンツ」「インデックス制限」「リンク否認」などなどなど、あなたのSEOとWebサイト運営に役立つ情報をまとめてお届けする。 2021年初のコア アップデートをグーグルが6月に実施、2部構成の後半は7月に予定ファーストビューでは各ページ固有なコンテンツを見せるべきグーグルのインデックスするページ数に上限はあるのか?不自然リンクへの対処はリンク否認
今日は小ネタですが、内容は大きいです。サイトでサポートするブラウザからIE 9やIE 10をを切り捨てて、IE 11だけ気にすればよくなる日が近づいています。つまり、HTML5やCSS 3を安心して使えるようになるということです。Vistaのサポートが終了する4月11日が待ち遠しいですね! Windows Vista SP2の延長サポートは2017年4月11日に終了4月11日から、IE 9もIE 10もサイトでサポートしなくてよくなります。 というのも、マイクロソフトは、Windows Vista Service Pack 2(Vistaの最終バージョン)の延長サポートを2017年4月11日に終了するのです。 「延長サポート」とは、メインストリームサポートが終了したあとに、セキュリティ更新プログラムを提供するサポート期間です。延長サポートが終了するということは、セキュリティに問題があっても
「Web担当者Forum ミーティング2015 秋」において、合同会社シマンテック・ウェブサイトセキュリティ中川 就介氏が、「Webサイト全体HTTPS化(常時SSL)の効果と実装のポイントと題してわかりやすく解説した。 すでに始まっている常時SSL化への流れ常時SSLという言葉をご存じだろうか。一般的なWebサイトでは、利用者が情報を入力するページだけはHTTPSで、トップページやログイン後のページはHTTPというケースが多い。それを、全ページHTTPS化するということだ。 銀行やECサイトではないのにそこまでする必要があるのかと思われるかもしれない。しかし、銀行やECはセキュリティ対策が進んでいるため、今は対策が進んでいないWebサイトこそがサイバー攻撃の狙い目になっている。また、クレジットカード番号やパスワードを入力させていないとしても、昨今はメールアドレス、嗜好性、cookieも保
接続処理中の状況が大量にあり、接続によってはアクセス開始から数分間「接続受付中」だったりと、通常では考えられない状況でした。 わかりやすく言うと「もうダメ、これ以上アクセスが来ても処理できないです」という状態でした。 Yahoo!砲などの大量アクセスがあったわけでもないのになぜだろうと考えて、思い当たったのがスマホでした。特に、スマートニュースやグノシーなどのニュース系アプリからのアクセスですね。 PCからのサイト閲覧が中心のとき問題なかったのに、同じアクセス数でもスマホからのアクセスが増えるとWebサーバーがいっぱいいっぱいになってしまうことがあるのです。 ガラケー向けのケータイサイトをやっていた人には当然のことなのですが、モバイルからのアクセスというのは、サーバーから見るとちょっと面倒なんです。通信速度は遅いし(つまりデータの送受信に時間がかかる)、接続の途中で電波の状況が悪くなってし
どういうものかというと、Excelのデータ表で範囲を指定してこれを設定すると、その範囲内での数値の大小で色分けしたりアイコンを表示したり、各セルの数値の大きさに応じた長さの棒グラフ的なバーを背景に表示したりしてくれるものです。 また、「上位10項目」などの条件でセルに色を付けたりすることも可能。 こうした条件書式の機能は、Excel 2007から追加されていたようです。ずっと使っていたくせに、今頃知りました……。昔から使っているExcelでこんな便利な機能が付いているなんて、想像してなかったですからね……。 使い方はかんたん。Excelのデータ表で、わかりやすい表示にしたい範囲を選んで、リボンの[ホーム]タブにある[スタイル]の[条件付き書式]から色つけのスタイルを選ぶだけです。 表全体を選んで指定すると、全体の数値範囲に基づいて処理されるので、列ごととかに設定していくのが基本ですね。次の
施策の結果をシンプルに見られる広告効果測定ツール「WebAntenna(ウェブアンテナ)」の提供でも知られているビービットだが、冒頭に紹介したような大きな改善を実現した背景には、どのようなデータ活用があったのだろうか。この日、登壇した橋本氏は、具体例を交えながら細部にわたってノウハウを明かした。 最初のテーマは、Web担当者にとっての「正しいアクセス解析の考え方」だ。とにかく大量のデータを集めて分析し、統計処理を行い、改善の指針となるような宝を発見する……。ビッグデータ時代のアクセス解析について、このような理想像を描いているWeb担当者は多いかもしれない。 ところが、このような取り組みは無駄にリソースを費やす結果となり、「ほとんどの企業は宝を見つけられない」と橋本氏は指摘する。理由は簡単で、ビッグデータの解析には高度なスキルが必要であり、成果を出すには専門の解析チームの編成が不可欠だからだ
※2012-04-07 セキュリティ面の問題に関して追記しました。 今日は、ウェブページの入力フォームでユーザーが楽にしかも正確に入力できるようにできる(可能性を秘めた)、新しいHTMLの仕様についての情報を。autocomplete属性に関する新しい仕様です。 グーグルは、入力フォームに自動入力する仕組みに関して、新しい仕様を提案しました。HTMLの仕様を拡張することで、ブラウザでフォームに自動入力する仕組みを使いやすくするものです。 これがうまく動作すると、フォーム入力が非常に楽になり、ミスもほぼなくなります。 どれぐらいすごいかというと、ちゃんと設定したブラウザを使うと、フォームで3クリックするだけで、一般的な項目が一気に入力されるのです。 たとえば、この状態から、 名前や住所などの標準的な項目が、一気に自動入力されます。 どうでしょう。こうした機能をサイトに設けられたら、フォームの
今日は、ちょっとしたシステム構築を発注するときに重要なポイントとなる、顧客情報管理の話題を。テーマは「お客さんのパスワードをどう保存するか」です。 御社には、たとえばECサイトの会員や顧客向けSNSなどの、お客さんがユーザー登録をしてパスワードでログインするようなシステムがありますか? あるとしたら、そのシステム内で、お客さんそれぞれのパスワードはどんな風に管理されているか把握していますか? または、システム構築の発注時に、どんな風にパスワードを管理するような仕様にしましたか? クレジットカード情報や個人情報の管理には注意していても、パスワードの保存方法は、あまり気にしていないのではないでしょうか。しかし、それではまずいのです。システム構築時に正しい仕様で発注しないと、何かセキュリティ問題が発生したときに、思いがけぬ大きな範囲に影響する問題になってしまいかねないのです。 結論からいうと、お
鼻が曲がるほど臭く、吐き気を覚えるほどに苦く、色は黄土色。しかも大きめのタブレット状で飲み込みにくく、肝心のダイエット効果が乏しい健康補助食品。ハッキリ言って、売れるモノではありません。しかし、あなたがWeb担当者として、この商品を売らなければならないとしたらどうするでしょうか。マーケティング的回答なら、不味さを逆手にとり、 といった企画を逆転の発想で立て、耳目を集めるのも正解の1つですが、味覚オンチの社長の趣味で作られた商品で、口が裂けても「不味い」という言葉を使えないとしたら。 こんな時に役立つのが「ブラック・テキスト芸」。ちょっとした工夫で、与える印象を操作し、時に売れないモノでも売れる方向に導く文章術です。悪用すれば「詐欺」にも使えるという警告から「ブラック」としています。今回はその「基礎編」。 突然ですがクイズです。一見すると派手すぎる装丁の「赤色のスマホ用保護カバー」をコンテン
Web業界においてスマートフォン対応が進む中、標準化作業が進められている"HTML5"。技術者ではない方でもその特徴を理解しやすいようにご紹介します。 HTML言語の最新バージョンとして、Web標準化団体であるW3Cによって現在標準化作業が進められている"HTML5"。Web業界においてスマートフォン対応が進む中、これに合わせて"HTML5"という言葉もよく耳にするようになってきました。本コラムではこのHTML5について、技術者ではない方でもその特徴を理解しやすいようにご紹介します。 HTMLの概要・歴史まず、HTMLについて簡単な復習になりますが、正式名称はHyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)。Web上のドキュメントを記述するためのマークアップ言語になります。1996年からはW3Cによって商用ソフトウェア・ベンダーからの支援も受
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く