直帰率をSEO観点で下げる超シンプルな7つの方法【後編：スマートCTAからデッドクリックまで】 | Moz - SEOとインバウンドマーケティングの実践情報
直帰率を下げる超シンプルな7つの方法③ スマートCTA第3のヒントは、スマートCTAだ。多くのサイトでは、訪問してきたユーザーに商品を購入したり資料ダウンロードのフォームを送信したりしてもらうために、CTA（Call to Action：行動喚起）のボタンやリンクを設置して、クリックしてもらおうとしていることだろう。 CTAを改善する最もスマートな方法は、CTA自体にランキングキーワードを含めることだ。つまり、Google Search ConsoleやMoz Keyword Explorerにアクセスして、どのようなキーワードに対して自分のページが表示されているかを調べ、そうした上位のキーワードをCTA自体に挿入するのだ。 たとえば、クレジットレポート（信用情報）やクレジットレポートのスコア取得に関するページであれば、CTAは、 カートに追加といった一般的なものではなく、キーワードを入れ
さりげなく使える、Webデザインの参考になるサイト集
作成：2016/04/11 更新：2016/06/29 Webデザイン > ありふれた当たり障り無いレイアウトではなくて、ほんの少しでも印象に残るレイアウトを作りたい。デザイン考えるとき、提案前に一度は見ておきたいまとめ。 エンジニア速報は Twitter の@commteで配信しています。 一部にグラデーションを使って視線をフックさせる 複数の色相を組み合わせたグラデーション。オーロラや紅葉など自然界によく見られる配色ですが、ページ全体に入れると少々キツく感じるときがあります。 そんなときは、上図のように色相差のあるグラデーションをワンポイントだけ使うことによって適度に視線をフックさせることができます。 INUPATHY こちらは被写体の気持ちを代弁するかのように、目立たせたい箇所にグラデーションが使われています。目立つけど、色ベタよりもキツイ感じはしません。 株式会社ジェイ・シー・エス
最近のアイコンデザインに注目！そのデザインや見せ方が素晴らしいアイコンのまとめ
最近はアイコンデザインの進化もめざましいものがあります。 かわいいアイコン、かっこいいアイコン、面白いアイコン、そのデザイン・設計や見せ方がすばらしいアプリ用のアイコンを紹介します。
UIデザインのアイデアを探す時にチェックしたいサイトのまとめ
Webサイトやアプリなど、UIデザインのアイデアを探す時に役立つサイトを紹介します。 さまざまなコンポーネントやレイアウト、インタラクションのヒントとなるアニメーション、動きがとにかく気持ちいいアニメーションなど、見ているだけでワクワクするクリエイティブな刺激をもらえます。
デザインがしっくりこないときに試すこと10選【新米デザイナー向け】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザイナー兼踊り手のJona（＠jona_yawaraka）です。わたしはLIGブログに掲載されるアイキャッチ（ブログ記事の顔になる画像）、バナー、背景ジャック（大型バナー）など、さまざまな画像を製作してきました。 画像をつくって客観視したとき、「ある程度まとまってはいるんだけどなんだかしっくりこない。でも何が悪いかわからない……」ということありますよね。 わからないときはとにかく手を動かして、いろいろと試してみるとうまくいったりするもの。ということでデザインがしっくりこないときにとりあえず試したい10の簡単な方法を、私の経験を踏まえながら紹介いたします。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情
Webデザインのアイデアに困ったら！参考になるさまざまなコンポーネントやレイアウトをまとめた -Call to Idea
Webページによく使用される、アイテムを並べるリスト、ギャラリー、タブ、ナビゲーションといったさまざまなコンポーネントをはじめ、打ち出しコンテンツのレイアウト、サンプルの表示方法、AdWordsの配置、データがない状態のレイアウトなど、Webデザインのアイデアをまとめているサイトを紹介します。
21 Beautiful Examples of Using White in Web Design - Web Design Ledger
10 Comments Great examples, thanks. White can be very a difficult to colour to use: get it right, and it’s wonderfully clean, bright and minimalist. Get it wrong, and the whole website looks cheap and amateurish. You have some really fantastic examples here. Lss is definitely more! Hi Gisele. Fantastic gallery of websites you’ve just showcased. I do like how they incorporated the colour white to c
HTML5を使ったクールなサイトデザイン集２１:phpspot開発日誌
21 Fresh Examples of Websites Using HTML5 | Inspiration HTML5を使ったクールなサイトデザイン集２１ 今風のWEBサイトデザインが２１種まとまっており、デザインの参考に出来そうです。 久しぶりにこうしたギャラリーをみてみると、どんどん進化しているなぁという部分を感じます。 年々レベルが上がってきて昔クールだと思っていたサイトも時代遅れになってしまいますね。 関連エントリ HTML5のゲームエンジン「Quintus」 WebCamで撮影をHTML5で実現するデモ HTML5でネイティブ風アプリを作るFEフレームワーク「Junior」 フリーでHTML5ベースのリッチな管理画面テンプレート
サイト制作の参考にしたい！Wordpressでつくられたウェブサイト50選
WordPressでサイトを作るときに、参考になるWordpressサイトはないものかと思ったことが一度はあるはずです。 WordPressでつくられたサイトからはデザイン・機能・運営方法まで参考になることが多いのではないでしょうか。そこで今回はWordpressでつくられたサイトを有名なところから50個ピックアップしてまとめました。後から読み返しやすいようにサイトのタイプ別に分類しています。 ※2016年3月末時点でWordpressでつくられたサイトであることに注意してください。 企業サイト・組織サイト 株式会社カカクコム 価格ドットコムなどを運営する株式会社カカクコムのコーポレートサイト。 http://corporate.kakaku.com/ クックパッド株式会社 クックパッド株式会社のコーポレートサイト。 https://info.cookpad.com/ 株式会社ベクター オ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レスポンシブ対応のレイアウトやコンポーネントだけを実装するCSSのシンプルなコードのまとめ -SmolCSS
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Webデザインの引き出しを増そう！細部までこだわったUIデザインが参考になるDribbbleアートワークのまとめ
ウェブページやスマフォアプリの制作時に参考にしたいUIエレメントをコレクションしているサイトのまとめ
CSS 20 stunning examples of CSS 3D transforms
公式スイーツパラダイス[SWEETS PARADISE]スイーツと軽食が食べ放題のバイキング![公式スイーツパラダイス[SWEETS PARADISE]スイーツと軽食が食べ放題のバイキング](https://cdn-ak-scissors.b.st-hatena.com/image/square/b04697c48cd8befc7c38d6eb7959f9d70a1f91c2/height=288;version=1;width=512/https%3A%2F%2Fsweets-paradise.jp%2Fwp-content%2Fuploads%2F2019%2F03%2Flogo_ogp-1.png)
Elemis Freebies | Home Page