BLOG

Webサイト制作・テクニカルSEO

サーチコンソールやGA4の設定、インデックス・構造化データ・リダイレクトなどサイト側の技術対応と、ワイヤーフレームやUI/UX、表示速度改善といったWebサイト制作・改善の実務をまとめています。

noindexの設定を確認している場面のアイキャッチ。パソコンの画面にHTMLのソースコードとmeta robotsタグが表示され、その隣にサイトのページ一覧が並び、担当者が検索結果に出すページと出さないページに印を付けている様子を描く。
Webサイト制作・テクニカルSEO

noindexとは?書き方と設定方法・効かないときの原因を解説

noindexの意味と3つの書き方、設定すべきページの選び方を整理します。付けたのに検索結果から消えないときの原因の切り分け、確認と解除の手順、記事に付ける前に検討したい選択肢まで解説します。

記事の入稿画面で外部リンクの設定を確認している場面のアイキャッチ。ディスプレイに記事本文とリンクのHTMLが並び、手元のメモに広告・ユーザー投稿・出典といったリンクの種類が書き分けられている様子を描く。
Webサイト制作・テクニカルSEO

nofollowとは?記事制作会社が教える使い方と付ける場所の決め方

nofollowはリンク先を自分の推薦として扱わないと検索エンジンに伝える属性です。書き方と設定方法、sponsoredやugcとの使い分け、付けるリンクと付けないリンクの線引き、noindexとの違いまで、入稿する側の視点で解説します。

Metaピクセルを導入する流れを3段階で表した図。左に管理画面でピクセルを作成する場面、中央にサイトへコードを設置する場面、右にテストで動作を確認する場面を横に並べ、矢印でつなぐ。
Webサイト制作・テクニカルSEO

Metaピクセルとは?作成から設置までの手順と計測がずれる原因

Metaピクセルは、全ページに置くベースコードと、成果地点だけに置くイベントコードの2層でできています。作成から設置までの手順、設置後に確かめる3つの方法、広告の管理画面と数字がずれたときに見ていく順番を整理しました。

ノートパソコンの画面に折れ線グラフと数値カードが並んだレポートが映り、机の上には指標名を書き出した手書きのメモと、月次の数字を印刷した資料が置かれている様子。
Webサイト制作・テクニカルSEO

LookerStudioでできること|無料の範囲と最初に作る1枚

LookerStudioでできることを、無料版の範囲と有料版との区切りから整理しました。GA4やスプレッドシートをつなぐ手順、作っても開かれない画面になる原因、最初の1枚に載せる指標の決め方まで扱います。

左にhttpの封をしていない書類、右にhttpsの封をした書類を並べ、通信の暗号化の有無という違いを一目で示したアイキャッチ
Webサイト制作・テクニカルSEO

HTTPとHTTPSの違いは暗号化|鍵マークが出ない原因も解説

HTTPとHTTPSの違いは通信が暗号化されているかどうかの一点です。SSL/TLSが担う3つの働き、httpのままで起きること、httpsにしたのに鍵マークが出ない原因と切り替え手順を、サイト運用側の視点で整理します。

h1からh6までの見出しタグが階層状に並んだHTML側の構造と、線や背景色の装飾を並べたCSS側のパーツが、矢印で結ばれて1つのページになっている構成図。
Webサイト制作・テクニカルSEO

HTMLの見出しとは?h1〜h6の使い方とCSSでの装飾を解説

HTMLの見出しタグ(h1〜h6)の書き方と使い分け、CSSで装飾を作る手順を整理しました。記事を作って入稿する側の視点で、あとから直す手間が増えない見出しの組み方を解説します。

ノートパソコンの画面にHTMLのコードが表示され、その隣のディスプレイに完成したWebページが並んでいる机の上の様子。手前にはタグ名を書き出したメモが置かれている。
Webサイト制作・テクニカルSEO

HTMLタグとは?目的別の一覧と選び方を記事制作会社が解説

HTMLタグの意味と書き方、目的別のタグ一覧、記事の入稿で実際に使う十数個の範囲までを整理しました。タグと要素の違い、見た目でタグを選んだときに起きる不具合、いまも一覧表に残る廃止済みタグの見分け方も扱います。

サーバーのディレクトリ階層を示す図の中に.htaccessという名前のファイルが置かれ、その配下のページにリダイレクトや認証の設定が適用されている様子を表したアイキャッチ
Webサイト制作・テクニカルSEO

.htaccessとは?できることと書き方や置き場所を解説

.htaccessはApacheの設定をディレクトリ単位で上書きするファイルです。読み方や役割、作り方と置き場所、リダイレクトや認証の記述例、設定が反映されないときの切り分け順まで解説します。

ノートパソコンの画面にテキストエディタが開かれ、数行のサーバー設定が表示されている様子を斜め上から捉えた構図。手前には移行前後のURLを書き並べたメモとペンが置かれている。
Webサイト制作・テクニカルSEO

.htaccessのリダイレクト|ケース別の書き方と効かない原因

.htaccessのリダイレクトを、mod_aliasとmod_rewriteのどちらで書くかから整理しました。ページ単位・ドメイン変更・https統一の記述例、ルールが増えたときの衝突、効かない原因の確認順を扱います。

記事ページの枠の中で、いくつかの中見出しの帯が並び順を入れ替えられている様子。入れ替えた後の並びが記事全体の骨組みとして見えている構図。
Webサイト制作・テクニカルSEO

h2タグとは?記事制作会社が教える見出しの決め方と並び順

h2タグはHTMLで中見出しを表す要素です。h1やh3との使い分け、Googleが公式に述べている見出しの順番と個数の扱い、読者の疑問からh2を組み立てる手順までを記事制作の視点で整理しました。

ノートパソコンの画面にタグ管理ツールの設定画面が開かれ、その横にタグとトリガーの対応を書き出した手書きのメモとペンが置かれているデスクの様子。
Webサイト制作・テクニカルSEO

GTMの仕組みと使い方|タグ・トリガー・変数の関係から設定手順まで

GTMがタグをどう管理しているかを、タグ・トリガー・変数の役割分担から整理しました。アカウント作成から公開までの手順、二重計測や公開漏れが起きる理由、導入を急がなくてよいサイトの条件まで扱います。

ノートパソコンにアクセス解析のレポート画面が開かれ、その横に導入・検証・観測・判断の4段階を書き出したノートとペンが置かれている様子。
Webサイト制作・テクニカルSEO

Googleアナリティクスの使い方|導入から改善につなげる4段階

Googleアナリティクスの使い方を、導入・検証・観測・判断の4段階に分けて整理しました。アカウント作成から初期設定、計測が正しく取れているかの確認、毎週見る4画面、数字を記事の直しに変える読み方まで扱います。