ウェブサイト構築

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

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

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

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

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

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

HTTP3.0とは何か？何がどうやって変わるのかをまとめました。普及までにやっておきたい対応方法なども。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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