SEOに関する技術的な側面から徹底的に詳しく解説された良書を紹介します。 サイトの現在状況の把握から、Googleの検索エンジン、サイトの高速化や構造化マークアップ、AMP対応、内部施策と外部施策、施策の効果検証まで、SEOに必要な知識と情報がこの一冊にすべてまとまっています。 SEOの解説書というと、なんだかぼんやりしたイメージがありましたが、本書では技術的に、しかも具体的に詳しく説明されているので、今まであやふやだったことも非常にクリアになると思います。 本書は中級者向けの解説書です。中級者向けとは言っても、SEOにはじめて触れる人でも大丈夫です。基礎から徹底的に詳しく解説されています。 SEOやマーケティングの担当者はもちろん、実装を担う制作者も目に通しておくべき一冊だと思います。構造化マークアップとか、高速化、AMP対応など、コードの解説も具体的で非常に充実しています。 Googl

最近のWebサイトやスマホアプリでは、認知心理学が多く取り入れられるようになりました。キャンセルボタンを右と左のどちらに配置すべきか、顔写真を使用した時の目線の向き、ボタンの大きさや配置方法など、心理学のテクニックが使われています。 Webサイトやスマホアプリのインターフェイス、マーケティングにおける心理学の効果やテクニックを解説したオススメの本を紹介します。 本書は、本日発売！！ デザインと心理学の解説書はいくつかありますが、Webサイトやスマホアプリに特化されたものは少ないと思います。 普段実践しているデザインの考え方が言語化されていたり、目にしていたけどこんな効果があるのかという発見もあり、デザイナーだけでなく、ディレクターや制作に携わるすべての人にお勧めです。コンテンツ編集者やブログを書く人にも役立つと思います。

ビジネス系のサイトをはじめ、ランディングページ、ポートフォリオ、もちろん個人ブログにもぴったりなイラストのSVG素材が無料でダウンロードできるサイトを紹介します。 シンプルでセンスのあるイラストが揃っており、しかもクレジット表記不要の太っ腹ライセンスなので、使い勝手がよいと思います。 unDraw unDrawの特徴 イラストのSVG素材 素材のダウンロード unDrawの特徴 unDrawではランディングページ、スマホアプリ、プロダクトなどで利用できるイラストのSVG素材が無料でダウンロードできます。 イラストのフォーマットは、SVGと透過PNG イラストのテーマカラーは変更可能 MITライセンスで、使用時のクレジット表記は不要 テーマカラーの変更は、オンラインで簡単にできます。SVGだけでなく、PNGにも対応しています。

Webページ、アプリ、ゲーム、動画、紙のデザインなどに、無料で利用できるアイコン素材を紹介します。 UIデザイン用のアイコンをはじめ、異世界の魔法や武器、日本の伝統や文化、四季の風物詩をデザインしたアイコンまで、さまざまなアイコンをまとめました。 Orion Icon Library さまざまなUIデザイン用のアイコン4,500種類が無料でダウンロードできます。豊富なデザインに加え、カスタマイズにも対応しており、ストロークを鋭角や角丸にしたり、太さを変更したり、カラーを変更することもできます。 アイコンは独自ライセンスで、個人でも商用でも無料で利用できます。 ライセンスページ We Love SVG Font Awesome, Entypo, Icons8など、人気が高いアイコンセットの9,769種類のSVGアイコンを簡単に利用できます。SVGアイコンは、コードベースで簡単にカスタマイズで

ブログやサイトのタイトル・見出しの文言は、非常に大切です。 ビジターはそこにある言葉を見て、興味を引かれれば、コンテンツを読んでみようという気になります。また、ソーシャルサービスでも記事のタイトルだけ掲載されることが多く、その言葉が強い印象を与えるほど、興味を引かれます。 ユーザーの興味を引くキャッチコピーを書くための基礎テクニックを紹介します。 コピーライティングの上達方法 キャッチコピーを書くための基礎テクニック コピーライティングの上達方法 Web・TV・雑誌・街中で気になった広告（言葉）を写真やメモで記録する。 気になるグラフィックを言語化してみる。 語彙を増やす。 言葉の組み合わせをパターン化してみる。 いつでも使えるように、ストック化しておく。 書いたら、第三者にレビューしてもらう。 感想をもらったら、改善していく。 言葉の引き出しを増やすための便利なオンラインツールもあります

こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ +400 Awesome Free Tools To Build Your Business 5つのジャンルに、Web制作やビジネスに役立つさまざまな無料ツール・無料サービス・無料素材がまとめられています。 Business -ビジネス サイト作成・ロゴ作成・請求書作成・法律文書作成・アイデアのマネジメント・かっこいいドメインなど Marketing -マーケティング ライティングツール・ブログツール・サイト分析・SEO・画像最適化・画像編集加工・マーケティング情報・ソーシャルメディア・カスタマーサービス・A/Bテストなど Design & Code -デザイン・コード デザインの無料素材・カラーや配色ツール・デザインのインスピレーション・写真素材・フォント・アイコン・コードやマ

何ページくらいのサイトで、スマホ対応にして、検索機能・ログイン機能・パーソナライズ機能などを加えると、見積額はどのくらいだと妥当なのかを計算してくれるオンラインサービスを紹介します。 海外のツールですが、相場の違いはそんなに感じられませんでした。 算出された見積額: 200～250万円 使い方は簡単です。 用意されている10の質問に答えていくだけで、サイトのコストがいくらくらいになるか出してくれます。まずは、サイトにアクセス！ 質問は、10個ほどです。 ページ数はどれくらい必要？ ログイン機能を備えてる？ 個人プロフィールを作成する？ ショッピング機能はある？ レイティング機能はある？ ソーシャル機能はある？ 他のアプリやサイトと連携する機能はある？ 検索機能はある？ CMSを使ってる？ スマホに対応してる？ 10ページ以上、機能は1/3くらい実装でやってみたところ、200万～250万でし

その情報を見せるのに適したスライドは？ そのデータを見せるのに効果的なグラフは？、どんなスライドを使い、どんなグラフを使えば、主要ポイントを確実に伝えられるのかがフローチャートで分かる「Slide Chooser」「Chart Chooser」を紹介します。

Web制作者としてキャリアアップするにはどうしたらよいでしょうか？ デザイナーならデザイン、コーダーならCSSやアクセシビリティなど、アウトアップに繋がるスキルやセンスを磨くことは確かに大切です。しかし、なぜそれをするのか、どのような目的でどのような効果を期待しているのかをマーケティング目線で理解していないと、それはユーザーにもクライアントにも役に立たない美しいWebサイトができるだけです。 Web制作をマーケティング目線で考える手助けとなるオススメの本を紹介します。 具体的な指示がないとデザインができない、デザインに説得力がない、プレゼンでデザインの解説しかできない、クライアントと対等に打ち合わせができない、これらはマーケティング目線が欠けている状態です。Web制作に必要なマーケティングの知識を身につけることで、すべて解決できます。 現場のプロが教える Webマーケティングの最新常識 [