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

Googleのペナルティの種類と解除方法
サイトを運営している人にとって、絶対に避けたいGoogleからの「ペナルティ」。ECサイトでは売上に直接関わる一大事ですし、一度ペナルティを受けてしまうと解除するのは本当に大変です。
運 ...
GoogleMap活用方法 地図を好みのデザインにカスタマイズする

GoogleMap活用方法 地図を好みのデザインにカスタマイズする
アクセスマップページにGoogleMapを埋め込んでいるサイトは多くありますが、サイトによってはMapのデザインを変えたい、という場合もあると思います。そこで、Goog ...
Google+ローカルページは削除できない!管理することが大切

Google+ローカルページは削除できない!管理することが大切
Googleで企業やお店を検索すると、右側にGoogle+のローカル情報が表示されることは、多くの方がご存知だと思います。大企業であろうと個人経営の小さな店であろうと、実在 ...
DSP広告とは

デジタル業界で注目を集めているのがDSP。しかし、DSPが枠や媒体の一種だと意外と勘違いしている方も多いのではないでしょうか。そこで、DSPDSPの基本的な知識やその特徴についてご紹介します。
DSPとはDSPとは、Dem ...
多言語化する前に知っておきたいの7つのルール

多言語化する前に知っておきたいの7つのルール
Webサイトのターゲットが国内だけでなく海外にもいる場合、サイトの多言語化をすることはとても大事です。ただし、最初に何の設定もせずに多言語化をしてしまうと、ページがスパム扱いされたりうまくク ...
「Googleウェブサイト翻訳ツール」を使ってWebサイトを簡単に多言語化

「Googleウェブサイト翻訳ツール」を使ってWebサイトを簡単に多言語化
Webサイトを多言語化する際、Googleでは、自動翻訳ページがスパム扱いされる可能性を指摘しています。このことからも分かるように、できる限りは人の手によって管 ...
WordPressで会員制サイトを簡単に作るプラグイン

登録した会員だけにWebサイトを公開したいという場合に便利な「会員制サイト」。通常はプログラムでシステムを構築しますが、WordPressプラグインをうまく組み合わせて利用すれば、会員登録からログイン、権限設定、退会まで簡単に管理できる会員 ...
クリック操作だけで簡単にかっこいいロゴが作れるオンラインサービス4選

企業やサービスのロゴを、クリック操作のみで簡単に作ることができるオンラインサービスをまとめてご紹介します。ここまで簡単に高品質なものが作れるようになったことはうれしいことです。
ブログや小規模な団体のロゴなどにもいいですね。ダウンロ ...
ブログや小規模な団体のロゴなどにもいいですね。ダウンロ ...
レスポンシブなグリッドレイアウトを簡単に実装できる超軽量のスクリプト「minigrid」

ギャラリーサイトやポートフォリオ、ブログまで幅広く使えるグリッドレイアウトを簡単に、しかも超軽量なスクリプトで実装できる「minigrid」をご紹介します。画面サイズが変わると自動的に並び直して、きれいに整列します。
マテリアルデザイン仕様のサイトを簡単に作成するツール「Material Design Lite」

マテリアルデザイン仕様でサイトを構築したい、という方に向けたフレームワークをGoogleが無償公開しました。これらを読み込んで使うことで、マテリアルデザイン仕様として最適化されたサイトを手軽に作ることができます。素早くサイト制作ができるのは ...
Googleマテリアルデザインの見本や無料素材が大量にストックされた「MaterialUP」

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

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

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

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

コンテンツの区切りに水滴を落としたような、波打つエフェクトを見せてくれる「Raindrops.js」をご紹介します。ぽちゃん、と音がしそうな幻想的な効果が素敵です。波形のアニメーションは6種用意されています。オプションの数字を変えるだけで様 ...
登録不要!オリジナルのフォントを無料で手軽に作れるオンラインサービス「metaflop」

スライダーでパラメーター調節するだけで自分だけのオリジナルフォントを簡単に作れて、しかも無料でダウンロードできるオンラインサービス「metaflop」が便利です。「もう少し、ここがこうだったらいいのに」という細かな好みの違いで使えないとき、 ...
今Webに必要な「インバウンドマーケティング」の基本知識と実践方法

少し前から注目されている「インバウンドマーケティング」。Webマーケティングでは主流になりつつある手法です。出稿費用をかけず、地道な努力で顧客を獲得するその手法は現在も日々発展しています。そこで今回は、インバウンドマーケティングとは?という ...
CodePenで見つけたCSSオンリーの面白いエフェクト8選

CodePenには毎日、クールなアニメーションやエフェクトを実現する面白いコードがたくさん公開されています。新しいアイデアを試す実験的なコードもあり、目が離せません。今回はその中でも、CSSだけで実現するエフェクトをいくつかご紹介します。コ ...
超厳選!プロによる美しい写真が無料でダウンロードできるサイト5選

サイトのイメージを大きく左右するのは、やはり画像。そこで、サイト制作に使える無料の画像素材サイトをご紹介します。そこそこいいイメージを無料でというわけではなく、驚くほどクオリティが高く、素人では撮る・作ることができないような高品質な画像を提 ...
【Photoshop】簡単3分!写真を油絵風に仕上げるチュートリアル

Photoshopで写真を油絵で描いたように仕上げるビデオチュートリアルが紹介されていました。再生時間は3分ほど。英語ですが、動画なので手順は分かりやすいです。解説とキャプチャを添えながら順を追って実践してみました。
クリックするとズームしてコンテンツを表示してくれるレスポンシブなスライダー「Zoom Slider」

左右にスライドするコンテンツを、更にクリックでズームして詳細にみせてくれる「Zoom Slider」。コーポレートサイト、ブランドサイト、ポートフォリオなど、多様な用途で使えそうです。ieは10から対応しています。その他のブラウザには全て対 ...
集客効果アップ!AIDMA、AISASの法則から見たランディングページの作り方

集客効果アップ!AIDMA、AISASの法則から見たランディングページの作り方
マーケティングを考える上で欠かせないのが「AIDMAの法則」。これは、宣伝に対する消費者の心理・行動プロセスを5段階に分けてモデル化したもので、次のように分 ...
「LINE@」で効果的に宣伝&集客しよう!⑥アカウントページの作成方法

アカウントページとは、フォロワーに向けて配信するメッセージやPRページなどのコンテンツのほか、検索するユーザーにも広く公開できるアカウントページを作成できる機能です。Webサイトの運営には手が回らない中小規模店舗のオーナーさんも、空いた少し ...
「LINE@」で効果的に宣伝&集客しよう!⑤リッチな情報を配信できるPRページを作る方法

LINE@の「PRページ」を活用すると、通常のメッセージでは配信できない動画やURLにリンクしたボタン、クーポンなどのリッチな情報を盛り込むことができます。Webサイトで実装するには手間がかかるクーポンやアンケートもあっと言う間に完成。フォ ...
ドロップダウンも検索フォームも簡単!Bootstrapでレスポンシブナビゲーションメニューを作る方法

デバイスごとにcssを変えなければいけないナビゲーションメニューですが、Bootstrapを使えば簡単にコーディングができます。しかも、ドロップダウンメニューなどの面倒な小技も一瞬で作れてしまう手軽さ。今回は、Bootstrapで作るいろい ...
「LINE@」で効果的に宣伝&集客しよう!④メッセージ配信・タイムライン投稿をする方法

前回はアカウント作成後の基本設定についてご紹介しました。今回は、メッセージの一斉配信やタイムライン投稿、送信数のチェック、NGワード設定など投稿に関する基本的な操作方法をご紹介します。
「LINE@」で効果的に宣伝&集客しよう!③LINE@アカウントの基本設定

多数のお客さんやファンに向けてメッセージを送ったり商品・サービスのPRができるLINE@。今回は、アカウントを作ったらまずやっておきたい最初の設定についてご紹介します。例えば特定のキーワードを含むメッセージが来たときに応答するメッセージや、 ...
「LINE@」で効果的に宣伝&集客しよう!②LINE@アカウントの作り方

情報発信のメリットや機能が盛りだくさんの「LINE@」。今回はそんなLINE@のアカウントの作り方についてご紹介します。インストールから管理画面の設定方法まで一連の流れを解説しています。
「LINE@」で効果的に宣伝&集客しよう!LINE@の導入メリット

さまざまな店舗・サービスが情報発信に利用しているLINE@。プライベートなLINEとは違い、フォロワーに向けて効果的な情報発信をできるしくみがあります。今回はこのLINE@の特徴や使い方について、何回かにわけてご紹介します。
【CSS3】Flexboxがよく分かる!ナビゲーションメニューを体験できるデモ

Flexboxの便利さは分かったけど、実際にどんな場面で、どのプロパティを使えばいいのか分からない・・・という方にオススメの体験デモをご紹介します。Flexboxでメニューを作るときの参考にしてみてはいかがでしょうか。