Webサイト・アプリでの色効果を知ろう

Webサイト・アプリにおいてクリック率・成約率などに大きな影響があると言われるのが「色効果」。どこでどんな色を使えば良いのか、パーツごとの基本的な色効果についてまとめました。

Webサイト・アプリでの色効果を知ろう の続きを読む

アクセス数を増やしたい時に考えたいポイント

アクセス数を増やしたい時に、どのようにサイトを成長させるのか、拡張させるのか、という観点で考えるべきポイントをまとめました。

アクセス数を増やしたい時に考えたいポイント の続きを読む

全部無料!CSSのみで追加出来るアイコンライブラリまとめ

CSSのみでアイコンを追加出来るアイコンライブラリをまとめました。無料で使えるものだけをピックアップしています。

全部無料!CSSのみで追加出来るアイコンライブラリまとめ の続きを読む

クレジット不要で商用可能・完全無料で使える写真サービス

クレジット不要で商用可能・完全無料で使える写真サービスを、国内サイト、海外サイト別にまとめました。フリー素材のリンク集的に使っていただけます。

クレジット不要で商用可能・完全無料で使える写真サービス の続きを読む

複数サイト運営のメリット・デメリット

複数サイト運営する際に発生するメリット・デメリットをまとめました。複数サイトを運営する際に気をつけたいポイントも。

複数サイト運営のメリット・デメリット の続きを読む

サイトの記事は個別出し or 全部出しどっちがいい?

サイトの記事は、個別出しにするのがいいのか、全部出しの方がいいのかを、サイト運営・SEOの観点からまとめました。

サイトの記事は個別出し or 全部出しどっちがいい? の続きを読む

どこが違う?静的サイトジェネレータとWordPressを徹底比較

WordPressサイトからの移転先・引越し先として検討される静的サイトジェネレータ。両者の違いを、仕組みやコスト面から比較しました。

どこが違う?静的サイトジェネレータとWordPressを徹底比較 の続きを読む

静的サイトジェネレータってなに?メリット・デメリットまとめ

最近話題の「静的サイトジェネレータ」について、仕組みやメリット・デメリット、コーポレートサイトやブログなどどんなタイプのサイトと相性が良いのかをまとめました。

静的サイトジェネレータってなに?メリット・デメリットまとめ の続きを読む

サブドメイン名の決め方・使い方、よく使う単語まとめ

サイトの立ち上げ期やサイトにサービスを追加する時に、地味に悩むのがサブドメイン。サブドメインの決め方・使い方を大手サイトの事例を元に解説します。サブドメイン名によく使われる単語・文字列もまとめました。

サブドメイン名の決め方・使い方、よく使う単語まとめ の続きを読む

ドメインのwwwあり・なしはどちらに統一するのが良い?

ドメインのwwwあり・なしはどちらに統一するのが良いのか。著名サービスの実例や決める時の考え方、注意ポイントをまとめました。

ドメインのwwwあり・なしはどちらに統一するのが良い? の続きを読む

複数サイト運営に便利なメール転送のメリットと無料で使えるサービスまとめ

複数サイト運営に便利なメール転送のメリットピックアップ。また、無料で使えるメール転送サービスのまとめと機能比較もしています。

複数サイト運営に便利なメール転送のメリットと無料で使えるサービスまとめ の続きを読む

Google Search ConsoleでURL検査で「その他のエラー XHR」の原因と対応

Google Search ConsoleでURL検査した時に、検査結果で「その他のエラー XHR」が出てきてレンダリングがされていない場合の原因と対応をまとめました。

Google Search ConsoleでURL検査で「その他のエラー XHR」の原因と対応 の続きを読む

ウェブアプリマニフェスト(manifest.json)の設定項目まとめ

ウェブアプリマニフェスト(manifest.json)の設定項目をまとめました。PWAアプリなど、ケースごとのオススメ設定もピックアップしています。

ウェブアプリマニフェスト(manifest.json)の設定項目まとめ の続きを読む

WebサイトがPWAになるための必須条件まとめ

WebサイトがPWAになるための必須条件をまとめました。WebサイトのPWA化は一見簡単なようですが、Googleが規定するPWAには細かい規定があります。

WebサイトがPWAになるための必須条件まとめ の続きを読む

これだけ押さえておけば大丈夫!よく使うAMPコンポーネント10選

AMPページを構築する際に、「これだけ押さえておけば大丈夫!」なよく使うAMPコンポーネントを10個ピックアップして使い方や注意点を解説しました。

これだけ押さえておけば大丈夫!よく使うAMPコンポーネント10選 の続きを読む

PWAアプリをネイティブアプリに近づけるためのJavascriptまとめ

PWAアプリをネイティブアプリに近づけることができる、JavascriptのAPIやコードをまとめました。PWAだけに限定されたものではありませんが、PWAでより威力を発揮するものをピックアップしています。

PWAアプリをネイティブアプリに近づけるためのJavascriptまとめ の続きを読む

バズを呼び込む!SPAサイト向けSNSマーケティング対策まとめ

SPAサイトでページをよりシェアしてもらいやすくする方法からSNS栄えするSPAの設定方法、バズった時の対応など、SPAサイトに特化したSNSマーケティング対策をまとめました。

バズを呼び込む!SPAサイト向けSNSマーケティング対策まとめ の続きを読む

Webサイトをリリース前に最低限チェックしたい・チェックツールまとめ

Webサイトをリリース前に、最低限チェックしておきたい・サイトチェックツールをまとめました。基本的なものが多いですが、逆に外せないチェックツールに厳選してリストアップしています。

Webサイトをリリース前に最低限チェックしたい・チェックツールまとめ の続きを読む

target=_blankはなぜ危険?外部リンクを開く際の正しい設定方法

外部リンクを新規ウィンドウ・多分で開く際、かつては「target=_blank」が標準でしたが、現在では避けるべきとされています。外部リンクを開く際の正しい設定方法をまとめました。

target=_blankはなぜ危険?外部リンクを開く際の正しい設定方法 の続きを読む

SPAでtitle、meta、OGPなどHTMLヘッダを動的に変更する際のポイント

SPA(シングルページアプリケーション)で、titleやmetaタグ、OGPタグなどのHTMLヘッダ情報を更新する際に気をつけたいポイントを、ユーザー向け、クローラー向け、SNS向けにまとめました。

SPAでtitle、meta、OGPなどHTMLヘッダを動的に変更する際のポイント の続きを読む

公開済み記事をリライトする意味・メリットと運用方法

公開した記事をリライトするのは面倒で後回しになりがちですが、「ニーズの最適化」や「SEO効果」など色々なメリットがあります。今回は、記事リライトをする意味はあるのか?メリットや運用方法を見ていきます。

公開済み記事をリライトする意味・メリットと運用方法 の続きを読む

SPA(Single Page Application)サイトのSEOはどうするべき?

Webサイトをネイティブアプリのように動かすSPA(Single Page Application)。最近注目が集まっているサイト構築方法ですが、Javascriptで動くためSEOに弱いというデメリットがあります。ここでは、SPAサイトのSEOについてみていきます。

SPA(Single Page Application)サイトのSEOはどうするべき? の続きを読む

ストック型、フロー型、それぞれの特徴を掴んで最適なサイト運営をしよう

Webサイトのコンテンツの種類は、大きく分けてると「ストック型」「フロー型」に分類されます。それぞれの特徴と、どちらが重要なのかをチェックしていきます。

ストック型、フロー型、それぞれの特徴を掴んで最適なサイト運営をしよう の続きを読む

ドメイン名やサイト名の決め方、決める際に気をつけたい7個のポイント

Webサイトをオープンする際の最初大きな決定事項が「サイト名」と「ドメイン名」です。ドメイン名やサイト名決め方、決める際に気をつけたいことをまとめました。

ドメイン名やサイト名の決め方、決める際に気をつけたい7個のポイント の続きを読む

OGP(Open Graph Protocol)とは?メリットや設定方法まとめ

Webサイト・ページをソーシャル上見栄え良くするための必須設定「OGP(Open Graph Protocol)」。そのメリットやデメリット、OGP設定の基本や、FacebookやTwitter向けの設定方法をまとめました。

OGP(Open Graph Protocol)とは?メリットや設定方法まとめ の続きを読む

AMP(Accelerated Mobile Pages)とは?どうやって構築すれば良い?

Webページを高速表示するための、コンポーネントフレームワーク「AMP(Accelerated Mobile Pages)」について、その仕組みや実装方法の概略など、これからWebサイトをAMP対応させたい方向けの解説ページです。

AMP(Accelerated Mobile Pages)とは?どうやって構築すれば良い? の続きを読む

PWA(Progressive Web Apps)って実際どんなサイト・アプリ?

PWA(Progressive Web Apps)の特徴や、PWAを構築する際に、実際に必要なものなど、PWAという単語は知っているけど、実際にどんなものかを知らない方向けて、PWAを解説します。

PWA(Progressive Web Apps)って実際どんなサイト・アプリ? の続きを読む