
HTMLとCSSのコピペでできる斜めに傾けたブロックデザイン3種
一昔前には、サイト内に画像で斜めの要素を作って表示させていましたが、その斜めのラインがガビガビだったりと、イマイチ斜めはWEBサイトと親和性が高くありませんでした。 近年は、この斜めの表現はCSSやSVG、そしてcanv …

2種類のWEBデザイナーと抜きん出るスキルセット
WEBデザイナーが飽和状態だそうです。 昔から言われていることですが、ある程度のデザインができるWEBデザイナーは世の中に多く存在します。 その中でもWEBデザイナーがどこまでの範囲をやるかは昔からよく議論されている内容 …

構造化データJSON-LDでクローラーに正しく情報を伝える方法
構造化データで、マークアップしても直接的な検索のランキング上昇にはつながりませんが、Googleのページ理解向上や表示回数の上昇などにより、間接的なランキング上昇効果や、直接的な流入上昇といった効果が期待できます。 今回 …

WEBサイトを最適化する6つの基本的なホワイトハットSEO
Googleは「通度の作為的なSEO対策は排除する」という強固な姿勢を持ち、その意面に逆らった施策運用を行うと、検索ランキングが上がるどころか、順位が下がったりします。そして、最悪の場合ペナルティを受けインデックス削除と …

AIDMAとプロモーション
どんなにすばらしい製品やサービスでも、発売されていることを誰も知らなければ決して買われることはありません。 当たり前のことですが、その製品のすばらしさを知ってもらって初めて、消費者は購買行動を起こすことができます。 今回 …

SANGOのテーマに合いそうなjsのアコーディオンのデザイン
HTMLとCSSだけでアコーディオンが作れますが、何かとjsで作った方が簡単で挙動も制御しやすく、何よりデザインの幅も広がります。 今回は、SANGOのテーマに合いそうなjsのアコーディオンのデザインについてご紹介します …

4つの視点から戦略を練る4P
マーケティングは、製品を作り、売り、また新たな製品を作る為のシステム作りとも言われ、その中で重要な要素が4Pと言われる4つの視点で戦略を練ります。 今回は、4つの視点から戦略を練る4Pについてご紹介します。 目次4Pの基 …

広告の目的と7つの戦略と方法
広告で何を使えるかをはっきりと把握し、消費者やユーザーの価値観や競合他社の広告戦略を見ながら、広告の方向性を練っていく必要があります。 今回は、広告の目的と7つの戦略と方法についてご紹介します。 目次どんな広告が適切なの …

iframe APIを使ったyoutubeの動画の埋め込み
Youtubeの埋め込み動画プレーヤーは、再生用のムービーやHTMLドキュメントなどを作成するパブリッシュがされますが、Player APIの JavaScriptコードでの埋め込みで動的に再生や条件を指定して、何かアク …

HTMLとCSSのコピペでできる動画背景で文字を乗せるブロック
よく、ページのファーストビューに背景動画を設置して、再生される動画の上にテキストなどのコンテンツを表示している方法を見かけますが、LPなど1ページ内で情報を集約させて、コンバージョンさせるページの構成では、ファーストビュ …