WordPressサイト公開後のチェックリスト10項目

ワードプレス

2022-10-11

WordPressサイト本アップ後に確認したいこと

制作したサイトの本アップ時に確認していることリストです。

私はWordPressをインストールしたディレクトリのURLで制作して、お客様に校正していただいています(例えばhttps//aaa.com/wordpress/等)。本アップの際にURLがhttps//aaa.com/になるので念のためリンク切れがないか確認しています。

サイト公開後確認項目

クリックするとチェックマークが付きます😊

  • 1誤字脱字、レイアウト崩れはないか

    エミュレーターやスマホ実機でもチェック

  • 2ページのリンク、画像のリンク確認

    ロゴやグローバルナビメニュー、フッターメニュー、ページ内のリンクを確認。また、配置した画像がきちんと表示されているか確認

  • 3フォームテスト送信

    お問い合わせフォームの動作確認。設定した宛先に問題なくメールが届いているか。

  • 4noindexタグが入っていないか

    WordPressの表示設定、インデックスしない設定になっていない?

  • 5電話発信確認

    電話番号のリンクをタップして電話がきちんとつながる?その他電話番号表示や住所、営業時間の確認。

  • 6OGPタグやファビコンは忘れてない?

    ファビコンの作成はこちらを利用させていただいてます。x-icon editor
    OGP表示が確認できるサイトでチェックします。OGP確認

  • 7タイトル、ディスクリプション、キーワードの設置

    適切なタイトル、ディスクリプション、キーワードが入っているか

  • 8Googleアナリティクス設定

    グーグルアナリティクスを設定してコードをheadタグ内に追加

  • 9sitemap.xml作成

    私はプラグイン「XML Sitemap」でsitemap.xmlを送信しています。
    基本的な設定の中のAdd Google Analytics TIDに、トラッキングIDを入れることを忘れずに。 HTML形式でのサイトマップを含めるのチェックは入れません。

  • 10サーチコンソールでsitemap.xml送信、インデックスをリクエスト

    サーチコンソールはエラーを教えてくれるので助かります!

やった~おわった~!お疲れさまです!!

おまけ クリックするとクラスが付与されるJavaScript

jQueryと、クリックでクラスが付与される下記のJavaScriptコードで上のチェックリストを作っています。

<script>	
$(function(){
  $(".checklist li").on("click", function() {
    $(this).toggleClass("check");
  });
});		
</script>

 

-ワードプレス

関連記事

WordPressテーマ「lightning」カスタム投稿

「lightning」のカスタム投稿 WordPress無料テーマで人気の「lightning」。 サポートの終了しているテーマ「BizVektor」から後継の「lightning」に移行したという方 …

特定のページだけにcssやjsを読み込ませたい!

JavaScriptやcssのファイル、読み込まれるのに時間がかかりページが重くなります。 必要なページだけにリンクさせたいですよね。 今日はページごとにファイルをリンクする方法をまとめました! ❶h …

アイキャッチ画像を出力するテンプレートタグ(& object-fit)

分岐でアイキャッチ画像を表示させたい! アイキャッチ画像を設定しない場合、何か代わりの画像を出力させたい こちらはアイキャッチ画像が設定されていない場合「no-image.png」を表示させる例です。 …

カスタム投稿プラグイン「Custom Post Type UI」のお引っ越し

カスタム投稿の移行 「Custom Post Type UI」は、簡単にカスタム分類を設定して独自の投稿タイプを作れるプラグインです。function.phpに記述せずにカスタム投稿を作成できるのは初 …

WordPressのお引っ越し。アイキャッチ画像の移行も大丈夫?

プラグインを使ってWordPressを移行する WordPressの移行で今よく使っているのが、アイキャッチ画像もちゃんと移してくれる「Attachment Importer」です。(「WordPre …