制作の流れお知らせ・ブログよくある質問お問い合わせ2023.07.19ブログWebサイト公開前、納品前にチェックすべき項目20選Webサイトを公開する前には、いくつかのチェック項目を確認する必要があります。これにより、ウェブサイトの品質を確保し、訪問者に最適な体験を提供できます。今回は、Webサイト公開前、納品前にチェックすべき項目20選を紹介します。1.表記ゆれ、誤字脱字はないかWebサイトに誤字脱字や表記ゆれがあると、訪問者に不快感を与えるだけでなく、信頼性も損なわれます。公開前には、文章を入念に校正して、表記ゆれや誤字脱字がないかを確認しましょう。2.リンク切れは起きていないかWebサイト内のリンクが切れている場合、訪問者が目的の情報に辿り着けず、不便を感じることになります。公開前には、全てのリンクをクリックして、正しくリンク先に移動できるかを確認しましょう。description)が正しく記述されているかmeta情報には、Webサイトの情報を記述するための要素が含まれます。description要素はWebサイトの説明文を記述するためのものです。これらの情報が正しく設定されているかを確認しましょう。4.OGP画像は設定されているかOGP画像とは、Webサイトをソーシャルメディア上で共有した際に表示される画像のことです。Webサイトを公開する前には、OGP画像が設定されているかを確認しましょう。5.ファビコンは設定されているかファビコンとは、Webサイトをブラウザのタブに表示する小さなアイコンのことです。Webサイトを公開する前には、ファビコンが設定されているかを確認しましょう。6.apple-touch-iconは設定されているかapple-touch-iconとは、Webサイトをホーム画面に追加した際に表示されるアイコンのことです。Webサイトを公開する前には、apple-touch-iconが設定されているかを確認しましょう。7.canonical(カノニカル)を指定しているか複数のURLが同じページを指している場合、検索エンジンにとっては重複コンテンツとして扱われるため、SEOの観点からカノニカルタグを設定することが望ましいです。カノニカルタグは、どのURLが正式なURLであるかを指定するものであり、HTMLのheadタグ内に記述します。8.計測用のタグは正しく挿入されているかWebサイトの効果測定や改善のためには、アクセス解析ツールなどの計測用のタグを挿入することが必要です。タグの挿入方法は、ツールによって異なりますが、必ず正しく挿入されているかを確認することが重要です。9.画像にalt属性を記述しているかWebサイトには、画像を多用することがありますが、画像が表示できない場合に備えて、alt属性を記述することが望ましいです。alt属性は、画像の代替テキストとして表示されるものであり、アクセシビリティの向上にもつながります。10.フォームの項目はタブ移動で操作できるかWebサイトにフォームがある場合、ユーザーがタブキーを使用して項目を操作できるようにすることが望ましいです。これにより、ユーザーがフォームを効率的に操作でき、使いやすさが向上します。11.不要なコメントアウトは削除してあるかHTMLやCSSのコードを開発するときには、コードの一部をコメントアウトすることがあります。Webサイトを公開する前には、不要なコメントアウトを削除することが重要です。これにより、Webサイトの読み込み速度が向上し、スパムのリスクも減少します。12.HTMLバリデーションチェックでエラーは出ないかHTMLバリデーションチェックを実行することにより、Webサイトのコードが規約に従っているかどうかを確認することができます。Webサイトのコードにエラーがある場合、Webサイトが正しく表示されないことがあります。したがって、バリデーションチェックを実行し、エラーがないことを確認することが重要です。13.各種ブラウザで見た目の崩れがないかWebサイトを設計するときには、特定のブラウザでしか動作しないように設計されてしまうことがあります。Webサイト公開前には、異なるブラウザでWebサイトを表示して、見た目の崩れがないことを確認することが重要です。14.レスポンシブ対応できているか現代のWebサイトは、様々なデバイスで閲覧されます。したがって、Webサイトがレスポンシブ対応されていることが重要です。レスポンシブデザインにより、Webサイトが異なる画面サイズに対応し、ユーザーが使いやすいようになります。15.問題なく送信できるか、確認ページやサンクスページがある場合は遷移されるかWebサイトにフォームがある場合は、問題なく送信できるかどうかを確認する必要があります。フォームの送信後に確認ページやサンクスページがある場合は、遷移されるかどうかも確認してください。16.httpでアクセスすると、httpsへリダイレクトされるかWebサイトにSSL証明書をインストールし、httpsを使用することで、ウェブサイトのセキュリティを向上させることができます。したがって、httpでアクセスすると、自動的にhttpsにリダイレクトされることを確認してください。17.404ページが表示されるかウェブサイトでリンク切れが発生した場合、ユーザーは404エラーページを見ることになります。そのため、ウェブサイトに404ページが用意されているかどうかを確認してください。18.アニメーションは仕様通りに実装してあるかウェブサイトにアニメーションが含まれる場合、それらがウェブサイトの仕様に従って実装されているかどうかを確認してください。アニメーションがページの読み込み速度を遅くしたり、ウェブサイトのユーザーエクスペリエンスを悪化させたりすることがあるため、適切に設定する必要があります。19.iOSでフォームがフォーカスされたときズームしないかiOSデバイスの場合、フォームにフォーカスすると自動的にズームされることがあります。これが発生しないようにするために、ウェブサイトが適切に設定されているかどうかを確認してください。20.画像サイズの最適化は行っているかWebサイトのパフォーマンスを向上させるためには、画像サイズの最適化が必要です。画像が大きすぎる場合、ページの読み込み時間が遅くなり、ユーザー体験が悪化します。そのため、Webサイト公開前には画像サイズの最適化を行うことが重要です。以上が、Webサイト公開前、納品前にチェックすべき項目20選になります。最後までご覧いただき、ありがとうございます。無料相談・お問い合わせまずはお気軽にご相談ください。MAEDAでは無料相談を実施しています。