「content」の検索結果

Webサイトの画像形式を点検し、WebP・AVIFへの変換や代替画像の設定を支援します。表示サイズや読み込み方も調べ、具体的な修正箇所を示します。

• JPEG・PNGの変換候補の洗い出し
• WebP・AVIFと代替画像の設定
• CSS背景画像の形式の見直し

ボタンやリンクの表示文字と支援技術が使う名前を照合し、音声操作で見たとおりの名前を指定できるよう、ARIA属性の修正と確認方法を案内するスキル。

• ボタンの表示文字と名前を照合したいとき
• 音声操作しにくいリンクの点検
• アクセシビリティツールで修正を確認

海外向けサイトの画像やアイコンを点検し、文化によって意味が変わる表現を見直すスキル。地域に偏りにくい素材への置換や、地域別の画像切り替えを扱います。

• 海外展開前の画像レビュー
• ジェスチャーや文化的記号の確認
• 言語・地域別に画像を変えたいとき

検索結果に表示されるページ説明文を作成・点検し、未設定や重複、文字数の問題を修正します。各ページの内容と価値が伝わる固有の要約に整えます。

• 新規ページの説明文を作りたいとき
• 説明文の未設定や重複を探したいとき
• 説明文の文字数やHTMLを点検したいとき

Web画面をキーボードだけで操作できるか点検し、Tabの移動順や非表示要素への移動、操作から抜け出せない問題を確認します。該当要素と修正・検証方法を示します。

• Tabで全操作要素に届くか確認
• 見た目に合うフォーカス順への修正
• 非表示要素をTabの移動対象から除外

HTMLの箇条書きや番号付きリストの親子構造を点検し、不適切な要素や入れ子を修正して、スクリーンリーダーが項目数や現在位置を正しく伝えられるようにするスキル。

• HTMLのリスト構造を点検したいとき
• 入れ子のリストを修正したいとき
• 読み上げ時の案内を確認したいとき

記事・商品・FAQなどの情報を検索エンジンに伝えるJSON-LDを作成・点検し、構文エラーや必須項目の不足を修正して、リッチリザルト向けの検証を進めるスキル。

• 記事や商品の構造化データを作成したいとき
• FAQやパンくずリストの構造化データの点検
• JSONの構文エラーや必須項目不足の確認

画面外の画像・動画・iframeなどの読み込みを必要になるまで遅らせ、初期表示の負荷を抑える実装を支援します。実測と配置を確認し、変更すべき箇所を絞ります。

• ページの初期表示が遅い原因の調査
• 初期画面より下の画像の遅延読み込み
• 画面外の動画や重い部品の読み込み延期

HTTPSサイトに残るHTTPのリンクや画像・スクリプトのURLを調べ、内部・外部・リソース別に整理し、リンク先の対応状況を確かめて修正するスキル。

• HTTPS移行時のリンク確認
• 直接書かれたHTTPのURLを探したいとき
• 画像やスクリプトの参照先確認

Webページ内のiframeやframeに内容が伝わるタイトルがあるか点検します。空欄や説明不足を見つけ、スクリーンリーダーで埋め込み内容を識別しやすくする修正を支援します。

• 埋め込み広告やSNSのタイトル確認
• iframeのtitle欠落や空欄を調べたいとき
• スクリーンリーダーでのフレーム識別確認

サイト全体が有効な証明書でHTTPS配信されているかを点検し、HTTPからの転送や内部リンク、読み込む素材のURLを含めた設定の修正を支援します。

• サイト全体のHTTPS対応の点検
• 証明書の期限と対応ホスト名の確認
• HTTPからHTTPSへの恒久転送の確認

ページの主題を伝えるH1見出しを点検・作成します。欠落や重複、空欄、ブランド名だけの見出しを見つけ、本文やタイトルと整合する具体的な文面に整えます。

• ページの見出しを点検したいとき
• LPやブログ記事のH1作成
• CMSテンプレートの出力確認

Webページの見出しを点検し、階層の飛びや内容に合わない見出しを洗い出します。画面読み上げでページ構成をたどりやすいよう、HTMLの構造を整えます。

• ページの見出し階層を点検したいとき
• 画面読み上げでの移動しやすさ改善
• デザインシステムの見出し確認

狭い画面やブラウザ拡大時に生じる横スクロールを、CSSの幅指定や折り返し設定から点検し、本文や画像が画面内に収まる修正を支援するスキル。

• スマホ表示の横スクロールを直したいとき
• 400%拡大時の表示を確認したいとき
• 長いURLや画像のはみ出し点検

HTTPSサイトの応答ヘッダーを点検し、暗号化通信を継続させるHSTSの設定、サブドメインへの適用、事前登録の注意点まで確認するスキル。

• HTTPS応答のHSTSを確認したいとき
• サーバーやCDNにHSTSを設定したいとき
• 有効期間とサブドメイン適用の点検

Front-End Checklistのルール文書を採点基準に沿って点検し、曖昧なAI向け指示や不足項目を、具体的な手順とコード例で補うスキル。

• 未完成のチェックリストルールの拡充
• AI向け確認・修正指示の具体化
• PR前のルール構造と品質の確認

HTMLに直接書かれたJavaScriptを点検し、外部ファイルとaddEventListenerへ整理して、保守性やキャッシュ利用の改善を支援します。

• HTML内のJavaScriptを分離したいとき
• onclickをaddEventListenerに変更
• キャッシュ利用と保守性の見直し

本文を覆うポップアップやモーダルを点検し、モバイルでの閲覧、閉じる操作、キーボードのフォーカス管理を確認して、SEOとアクセシビリティの改善を支援するスキル。

• モバイルの広告ポップアップ点検
• モーダルをキーボードで閉じたいとき
• ダイアログ開閉時のフォーカス確認

広告ブロッカーで通知や同意画面が消える原因を調べ、誤検知されやすいHTMLのクラス名やIDを見直して、表示崩れや操作の不具合を改善するスキル。

• 広告ブロッカーで消える通知の調査
• Cookie同意画面の非表示確認
• HTMLのクラス名とIDの点検

画像の読み込みに失敗したときの表示を点検し、代替画像や意味のあるプレースホルダーの実装を支援します。エラーログや読み込み中の表示、修正の確認方法も扱います。

• リンク切れ画像の代替表示を整えたいとき
• 画像読み込み中の仮表示の見直し
• ログとDevToolsで画像エラーを調査

一覧や表の各要素に付けたイベント処理を見直し、親要素でまとめて受け取る方式へ整理します。後から追加される要素の操作対応や、リスナー数の削減を支援します。

• 動的に追加した項目の操作を直したいとき
• 表の行ごとのリスナーをまとめたいとき
• クリック対象の判定を見直したいとき

記事の事実や統計を裏付ける外部リンクを点検し、公的資料や公式文書などの出典追加と、有料・広告リンクを含むリンク属性の適切な設定を支援するスキル。

• 出典のない事実や統計を探したいとき
• 公的資料や研究への参照を加えたいとき
• 外部リンクの安全性に関わる属性の点検

スマートフォンでの文字の読みやすさをCSSから点検し、小さすぎる文字や固定サイズを見直すスキル。ブラウザの文字設定と200％拡大時の表示も確認します。

• モバイルの文字サイズ点検
• px指定を相対単位に直したいとき
• 200％拡大時のレイアウト確認

ページの初期表示に必要なCSSを抽出してHTMLに埋め込み、残りを非同期で読み込む構成へ整えます。画面幅や操作状態ごとの表示も確認するスキルです。

• 初期表示を遅らせるCSSの見直し
• 最初の画面に必要なCSSを抽出
• 後回しにできるCSSの非同期読み込み