AMPとは？導入メリットから対応方法、参考サイトまで

モバイル用に始まったGoogleのプロジェクト「AMP（Accelerated Mobile Pages）」。徐々に対応し始めているサイトも増えてきましたが、まだ導入を迷っている方も ...

Googleのペナルティの種類と解除方法

サイトを運営している人にとって、絶対に避けたいGoogleからの「ペナルティ」。ECサイトでは売上に直接関わる一大事ですし、一度ペナルティを受けてしまうと解除するのは本当に大変です。
運 ...

アプリを制作する上で参考にしたい、「マテリアルデザイン」。、実際にこれに基づいてアプリを制作する際にとても参考になるテンプレート集＆無料素材集があります。マテリアルデザインのインスピレーションを得るには最適なサイトです。この中でも特に面白い ...

今回は、ユーザーの操作によって生まれるアニメーションについて考えてみます。アニメーションも、形やカラーと同様、基本はシンプル。現実世界の物理の法則に従い、直接カードを操作しているかのような、自然で美しい動きを求めます。また、単に分かりやすさ ...

Googleのすすめるマテリアルデザインでは、色は紙の上に印刷されたインクとして考えられます。色相の差は大胆で鮮やか。一画面に使用する色数は少なくシンプル。基本的に5つのカラーで構成します。

昨年からGoogleが提唱している「マテリアルデザイン」。一見するとフラットデザインと同じように見えて、何をもってマテリアルデザインなのか、わかりにくく思えます。物理の理論に忠実に従いながら、ユーザーの操作に合わせてフレキシブルに形を変える ...

集客効果アップ！AIDMA、AISASの法則から見たランディングページの作り方

マーケティングを考える上で欠かせないのが「AIDMAの法則」。これは、宣伝に対する消費者の心理・行動プロセスを５段階に分けてモデル化したもので、次のように分 ...

Googleが提供するツールを用いてマークアップする方法をご紹介します。 ツールを用いてサイトを更新すると、Googleがサイト上のデータを認識できるようになり、そのデータが検索結果のリッチスニペットに表示されます。ただ、細かな指定には向い ...

構造化データをマークアップする際、記述の文法やプロパティ名が間違っていると、正しく認識されず、効果を発揮することができません。コードが長くなると、ミスも見落としがちに。スペルミスやカッコの閉じもれ一つで、せっかくのコードも意味がなくなってし ...

今回は、構造化データをHTMLに追加するため、schema.orgボキャブラリをmicrodataフォーマットに従って記述する方法をご紹介します。ここ数年の間にもschema.orgの取り組みはどんどん発展しており、今後もこまめにチェックし ...

SEO強化！構造化データをマークアップする「schema.org」概要

前回の記事「クリック率が向上する、これからのSEOに不可欠なセマンティックWebと構造化データ」でご紹介した通り、構造化データをマークアップする方法は二つ ...

近年注目されている「セマンティックWeb」。これは、Webページの持つ意味や背景を、人間だけでなくコンピューターにも伝えていこうとする取り組みです。

Googleがモバイルフレンドリーなサイトを推奨しはじめ、これからのWeb制作にはモバイル対応が必要不可欠になっています。ですが、日々の更新や制作に追われ、既存サイトのモバイル対応にまで手が回らない・・・という急がしいデザイナーさんもいるの ...

SEOにおいて、コンテンツの重複は避けたいものです。ですが、特にECサイトなどではほとんど同じ内容のページが自動生成されてしまうことが当然のようにあります。そこで活用したいのが、canonicalタグ。canonicalとは、Webページの ...

サイトリニューアルは、現在のサイトより機能もデザインも優れたものにするために行います。ですが、中にはやり方を間違えたために、良くなるどころか以前よりもサイトの質が落ちてしまった、というケースも存在します。どんな理由でリニューアルに失敗してし ...

アクセスは集められているし、毎日更新もしている。それなのになかなかコンバージョンにつながらない…そんな時にチェックしておきたいのが、「行き止まり」ページの存在。次につながるリンクのない行き止まりページが、せっかくの訪問者を逃していないか、チ ...

ECサイトで大切なのは、リピーターをつくること。そのためには、訪れた人を離さない魅力的なサイトづくりが求められます。そこで、サイト全体をどう構築し、各ページにはどんな情報を掲載すればよいか、サイト制作や見直しのためのポイントをご紹介します。 ...

ブラウザに合わせてレイアウトを変化させるレスポンシブウェブデザイン。複数のデバイスでレイアウトを崩さず、ユーザビリティも高いページを作るのは手間がかかるもの。コーディング時には、レスポンシブWebデザインのならではの問題がたくさん出てきます ...

リッチなアニメーションが楽しい！背景画像を画面いっぱいに表示するスクリプト「Vegas2」

画面いっぱいに画像や動画を表示させ、アニメーションで切り替えるスクリプト「Vegas2」をご紹介します。多数のオプションが用意されており、簡単に ...

Googleがウェブマスター向け公式ブログで、サイトがモバイルフレンドリー（スマホ対応している）かどうかをランキング要素の一つとして利用し始めることを発表しました。これによって検索結果に大きな影響がもたらされることは確実です。今のうちに、自 ...

お問い合わせフォームなどをつくる時に気をつけたいのがスマートフォンでの入力。PCと同じフォームではユーザービリティが低く、せっかくフォームを表示させるところまで行っても、入力が面倒で離脱してしまうこともあります。そこで今回は、フォームを作る ...

バナーに必要なのは、整ったデザインではなく、目を惹き付ける、興味を湧かせるということ。ついついクリックしたくなるような効果を、画像や文字、色などで創り出すことです。どのようなデザインが目を惹き付けるのでしょうか。いくつかのバナーを例に、ポイ ...

Googleの検索結果で表示されるタイトルには、基本的に＜ＴＩＴＬＥ＞タグに記述されているものがそのまま表示されます。ですが、時にGoogleによって自動的に書き換えられてしまうケースがあります。そこで、書き換えられてしまったときにチェック ...

jQuery不要！レスポンシブのグリッドレイアウトを作ってくれるスクリプト「Masonry」

複数のボックスをタイル状に並べるグリッドレイアウト。これを、簡単に実装できるスクリプト「Masonry」をご紹介します。
サイズの異な ...

Googleアプリを活用しよう！Googleウェブマスターツール編①
「サイトマップ」「インデックスの送信」を活用しよう

新しく制作したサイトにアクセスを集めるために必要なことは、Google検索に少しでも早く表示されること。そ ...

Googleアプリを活用しよう！Googleウェブマスターツール編①
GoogleWebマスターツールを使って効率よくSEOする方法

ウェブマスターツールは、SEOを行う上で非常に重要なデータを提供してくれる、心強いツールです。 ...

スマートフォン用サイト構築時にやっておくべき、モバイルSEO対策のポイント

サイトをスマートフォン用に最適化するとき、いくつかの方法があります。

①レスポンシブ・ウェブデザインで対応する
②同じURLで、ユーザーエー ...

開封率を上げ、サイトへ誘導させるメルマガライティング、４つの効果的な方法

Webマーケティングに非常に有効なツールであるメルマガ。多くの企業が活用していると思いますが、配信はしているけれど、十分に効果を発揮できていないメルマガもあるので ...

Google AnalyticsソーシャルレポートでSNSのコンバージョン効果を測定する

SNS上で、いいね！やリツイートの増減を把握したり、アクセス解析でアクセス数やコンバージョン率を計測するということは、おそらくどの企業でも行ってい ...

初心者のためのGoogle Analyticsの使い方　応用編

Google Analyticsには、「ユーザー」「集客」「行動」「コンバージョン」という４つの項目があり、基本編ではそれぞれのレポートの見方を解説してきました。ですが、こ ...