スキルを探す

通信が切れた際の案内ページを作り、service workerで事前保存して表示する仕組みを整えます。外部リソースへの依存や表示条件も点検するスキル。

• PWAにオフライン画面を追加したいとき
• 通信切断時の案内を整えたいとき
• オフラインページの事前保存を点検

SNSで共有されるページのURLと正規URLの不一致を調べ、追跡パラメータや末尾スラッシュなどの差を修正して、シェア数が分散する原因を点検するスキル。

• SNSのシェア数が少ない原因を調べたいとき
• 公開前のOpen Graphタグ点検
• 追跡パラメータやURL表記ゆれの確認

Web画面の文章や操作説明を点検し、専門用語や複雑な文を分かりやすく整えるスキル。読者に合う言葉と文の長さを選び、次に取る行動が伝わる表現へ改善します。

• Web画面の説明を平易にしたいとき
• 一般読者向けに専門用語を説明
• 画面の文章のアクセシビリティ確認

Webページの読み込みを調べ、画像やフォントの先読み、外部サービスへの事前接続を提案するスキル。計測した遅延の原因に合わせ、リソースヒントの使い分けと追加を支援します。

• 主要画像やフォントの先読み確認
• 外部サービスへの事前接続の調整
• 次の画面で使うファイルの先読み

Webページの画像が表示位置に合った読み込み設定になっているかを点検し、画面外の画像の遅延読み込みや、最初に見える重要画像の優先読み込みを整えるスキル。

• 画面外の画像の遅延読み込みを点検したいとき
• ヒーロー画像の読み込み優先度を確認したいとき
• 遅延読み込み画像の寸法を指定したいとき

外部フォントやAPIへの接続待ちを計測で確かめ、重要な接続先の事前接続を追加し、不要な指定を整理して、ページの読み込み速度改善を支援します。

• 外部フォントやAPIの接続遅延調査
• head内の事前接続指定の点検
• 不要な事前接続を整理したいとき

ページの読み込み時間を測り、3秒未満を目指して遅延の原因を調べます。重い画像や通信、描画処理を実測で確認し、遅延読み込みやキャッシュなどの改善につなげます。

• ページ表示の遅さを調べたいとき
• 重いリソースや描画処理の特定
• 低速回線での表示性能の確認

HTMLの `<object>` 要素を点検し、埋め込み内容を読み込めない場合にも情報が伝わる代替テキストや代替コンテンツを整えるスキル。

• 代替内容のないobject要素の確認
• 埋め込みの読み込み失敗に備えたいとき
• 代替内容が同等の情報を伝えるか点検

商品ページの価格や在庫、評価を検索エンジンに伝えるProduct構造化データを追加・点検し、必須項目の不足や画面表示との食い違いを確認するスキル。

• 商品ページへのJSON-LD追加
• 構造化データと表示価格の照合
• 在庫状況や評価項目の点検

画像やJavaScriptなどを含むページ全体の転送量を測り、読み込みを重くする原因を確認します。1500KB未満を目安に、画像やコードの削減を進めます。

• モバイル回線での読み込み遅延の調査
• ページ総容量が上限内か確認したいとき
• 重い画像やJavaScriptの軽量化

WebアプリのHTTP応答ヘッダーを点検し、使わないカメラやマイク、位置情報などのブラウザ機能を制限して、侵害時の被害範囲を抑える設定を支援するスキル。

• 公開前のセキュリティヘッダー点検
• 不要なカメラ・マイク機能の制限
• 第三者iframeの機能制限確認

ブログ記事や商品説明、ランディングページの内容を検索意図や根拠、著者情報から点検し、説明の不足や古い情報を見つけて具体的な改善を支援します。

• ブログ記事のSEO品質点検
• 内容の薄い商品説明を補いたいとき
• LPが検索意図に合うか確認したいとき

外部サイトへのアクセスでURL内の機密情報が送られないよう、Referrer-Policyの設定を点検し、ページの性質に合う値と修正方法を示します。

• パスワード再設定ページの情報漏えい点検
• サーバーやCDNの応答ヘッダー確認
• 機密URLに適したポリシーの比較

配信ファイルの容量や表示速度に基準値を設け、変更による性能低下をCIで検出します。容量と実行時の性能を分けて点検し、基準超過時のチェック失敗や公開後の監視を整えます。

• CIの性能基準を点検したいとき
• 依存ライブラリや素材追加時のレビュー
• 容量と表示性能の基準を設けたいとき

SNSやメッセージでURLを共有した際のプレビュー画像を点検し、画像の寸法・縦横比・容量とメタタグの指定を整え、表示崩れの原因を見直すスキル。

• SNS共有画像の点検
• 1200×630の共有画像を用意したいとき
• プレビュー画像の未表示や切れの調査

ページ送りのHTMLを確認し、現在のページ表示や前後のリンク、キーボード操作を点検します。読み上げソフトでも位置や移動先が分かる構造へ修正するスキルです。

• 検索結果のページ送りの点検
• キーボードでのページ移動の確認
• 読み上げ用ラベルの改善

背景と前景が異なる速さで動くパララックス演出を点検し、動きを減らす設定への対応と、演出なしでも必要な情報が伝わる静的な表示への修正を支援します。

• Webサイトのパララックス演出の点検
• 動きを減らす設定への対応確認
• 動くコンテンツの静的な表示を用意

JavaScriptが使えない環境でもページの重要な内容を読めるように、初期HTMLとnoscriptの代替表示を点検し、必要な修正を案内するスキル。

• JavaScript無効時の表示確認
• JavaScript依存機能の代替表示
• 初期HTMLの重要コンテンツの点検

購入や会員登録などの複数画面にまたがる手続きで、同じ情報を再入力させる箇所を探すスキル。入力済みデータの自動反映や選択による再利用へ改善します。

• 購入手続きの重複入力を点検したいとき
• 会員登録や初回案内フォームの見直し
• 問い合わせで入力済み情報を再利用

ページの初期表示を妨げるCSSやJavaScriptを調べ、実測で原因を確かめます。読み込み順序や重要なスタイルの配置を見直し、表示の遅れを改善するスキルです。

• 読み込み中の白い画面の原因調査
• CSS・JavaScriptの読み込み見直し
• 初期表示に必要なCSSの直接記述

画面幅や解像度に合う画像を配信できるよう、srcsetとsizesを点検します。HTMLとCSSの表示幅を照合し、スマートフォンへの過大な画像配信を見直すスキルです。

• 記事画像のレスポンシブ対応確認
• スマホへの過大な画像配信の見直し
• カードやギャラリーの画像サイズ点検

検索結果に説明文を出したい重要ページで、説明文を非表示にする設定がないか点検します。robotsメタタグと応答ヘッダーを確認し、意図に応じた修正を支援します。

• 検索結果に説明文が出ない原因の調査
• 重要なLPの説明文設定を点検したいとき
• robotsタグと応答ヘッダーのレビュー

Webサイトの全ページからプライバシーポリシーへアクセスできるかを点検し、フッターのリンクや、収集データ・保存期間・共有先などの記載を確認するスキル。

• 全ページのポリシーリンクを確認したいとき
• 共通フッターにポリシーリンクを追加したいとき
• 保存期間やデータ共有の記載を点検したいとき

ページ表示の遅さを実測で確認し、重要な画像やフォントの先読み、外部サーバーへの事前接続を適切に設定して、読み込みを早める改善を支援するスキル。

• 主要画像やフォントの表示遅延の調査
• 外部サービスへの事前接続の検討
• 次の画面で使うファイルの先読み