「red」の検索結果

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

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

企業やブランドのトップページにある組織情報の構造化データを点検・追加し、名称やロゴ、公式SNS、連絡先をGoogleに伝える記述を整えるスキル。

• 企業トップページの組織情報を点検
• ブランド名やロゴ、連絡先のJSON-LD追加
• 公式SNSへのリンクを確認したいとき

文字サイズや幅、余白の固定ピクセル指定を点検し、画面幅や利用者の文字サイズ設定に合わせて表示が変わる相対単位への置き換えを支援します。

• ブラウザの文字サイズ設定への対応
• 固定幅から柔軟なレイアウトへの変更
• コンポーネント内の余白単位の見直し

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

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

問い合わせページやフッターの事業所住所を点検し、住所の不足や構造化データとの不一致を見つけ、利用者と検索エンジンに所在地を伝える表示へ整えます。

• 地域事業者サイトの住所点検
• ECサイトの住所掲載箇所の見直し
• 表示住所と構造化データの照合

モーダルダイアログのキーボード操作と読み上げ対応を点検し、フォーカスの移動、Escapeでの終了、タイトルの関連付けの改善を支援するスキル。

• モーダルのキーボード操作の点検
• 開閉時のフォーカス移動を確認したいとき
• タイトルと読み上げ用ラベルの確認

店舗や事業所のサイトに載る名称・住所・電話番号を照合し、表記ゆれを洗い出します。ページ本文から構造化データまで統一し、ローカルSEOの点検に役立てます。

• 店舗サイトの連絡先を点検したいとき
• 住所や電話番号の表記統一
• 構造化データと本文の照合

AIがウェブページの内容を読み取りやすいか、見出しやHTML構造、JavaScriptなしでの本文表示、構造化データを点検し、改善を支援するスキル。

• AIの回答で参照されるページの点検
• 見出しや各節を単独で伝わる文にしたいとき
• JavaScriptなしの本文表示の確認

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

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

CSSの余白や罫線、配置指定を点検し、左右などの固定方向から文字の流れに沿う論理プロパティへ置き換えて、右から左の言語や縦書きに対応するスキル。

• アラビア語やヘブライ語に対応したいとき
• CSSの左右固定の余白指定の置き換え
• 縦書きレイアウトの確認

JavaScriptファイルの圧縮後の容量と読み込み負荷を調べ、コードの分割や未使用部分の除去、依存関係の見直しで表示や操作の遅れを改善するスキル。

• 圧縮後200KB超のJSを探したいとき
• ページ操作開始までの遅れを調べたいとき
• コード分割で容量を減らしたいとき

CSSの曖昧なクラス名や命名のばらつきを調べ、部品・要素・状態を表すBEM形式に整理するスキル。画面幅や操作状態ごとの実際の表示も確認します。

• CSSクラス名のばらつきの点検
• コンポーネントの命名をBEMに統一
• 補助クラスとJavaScript用クラスの区別

モダンブラウザに不要な旧形式のJavaScriptや互換コードを調べ、実測で負荷を確かめながら、配信方法とビルド設定の見直しを支援するスキル。

• ページ読み込みの遅さを調べたいとき
• 不要な互換コードの点検
• モダンブラウザ向けビルド設定の見直し

リンク先が単独でも伝わる文言かを点検し、曖昧な表現や読み上げ用の名前を改善します。キーボード操作やダウンロードリンクの案内も確認するスキルです。

• 曖昧なリンク文言を直したいとき
• 読み上げ時のリンクを点検したいとき
• ダウンロードリンクの案内確認

画像を使った入力ボタンのHTMLを点検し、操作の目的を伝える代替テキストの不足を見つけます。検索や送信などの動作が読み上げでも分かるよう、alt属性の修正を支援します。

• 画像入力ボタンの代替テキスト点検
• 検索・送信ボタンの説明を整えたいとき
• 共通の画像ボタン部品のレビュー

Webページの画像を調べ、見た目への影響を抑えた圧縮を進めるスキル。ファイル容量や表示寸法、読み込み方法、配信設定をまとめて確認します。

• 容量の大きいWeb画像を探したいとき
• 写真と図版の圧縮方法の選定
• ビルド時の画像圧縮を自動化したいとき

HTMLフォームやJavaScriptの送信先を点検し、HTTP通信による情報漏えいを防ぐために、送信先URLとページのHTTPS設定を見直すスキル。

• ログインフォームの送信先を確認したいとき
• fetchやXHRの接続先を点検したいとき
• action省略フォームの確認

Webページの見出し階層を点検し、見出しレベルの飛びや構造の不整合を修正して、スクリーンリーダーで内容をたどりやすくするためのスキル。

• ページの見出し順を点検したいとき
• 共通コンポーネントの見出し構造の確認
• 読み上げの見出し一覧を整えたいとき

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

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

ページのHTML容量を調べ、埋め込みJSONや画像など肥大化の原因を確認します。検索エンジンの巡回を意識した軽量化や、インデックスされない内容の調査に使えます。

• 検索に出ないページ内容を調べたいとき
• HTML内の巨大なJSONの見直し
• ECサイトのHTML容量点検

アラビア語など右から左へ読む言語や、文字方向が混在する投稿を点検し、HTMLの方向指定と表示・読み上げ順、画面配置の確認や修正を支援するスキル。

• アラビア語・ヘブライ語ページの点検
• 文字方向が混在する名前や投稿への対応
• ナビゲーションやアイコンの左右反転確認

装飾用の画像やアイコンが、スクリーンリーダーで不要に読み上げられないかを点検します。空のaltやaria-hiddenを確認し、実際に問題がある要素の修正を支援します。

• 装飾画像の不要な読み上げの点検
• SVGやアイコンの読み上げ確認
• 共通の装飾コンポーネントの点検

リンクやボタン、入力欄のID重複を調べ、修正箇所と確認方法を示します。キーボード操作やスクリーンリーダーでの移動、フォーカスへの影響も点検します。

• フォームのID重複を確認したいとき
• 意図しないフォーカス移動の調査
• 共通の操作部品のレビュー

Web画面の動きを重くするDOMの読み書きやイベント処理を調べ、処理順序や更新頻度を見直して、ブラウザ上で原因に即した修正を検証するスキル。

• アニメーションのもたつきを調べたいとき
• DOMの読み書きをまとめたいとき
• スクロールやタッチのイベント処理の確認