AI原稿をWordPressに自動投稿して見つかったHTMLの崩れと直し方

不要な空コードタグの削除とPythonのimport追加を説明する図解 AIツール・使い方
2026年10月に実際に修正した問題を元に制作した概念図。

ChatGPTなどのAIで文章を作り、WordPressへ自動投稿すると、文章としては読めてもHTMLに不要なタグや装飾が混じる場合があります。ミロクAIでは2026年10月、過去の公開記事をWordPress MCPで点検し、実際に空のコードタグや不足しているPythonのコード行を発見しました。

この記事は、そのときに調査・修正した内容を記録したものです。一般的な「AIの文章は危険」という話ではなく、見つかった問題、どのように確認したか、何を変更したかを示します。

WordPressの不要なHTMLタグを修正した前後のイメージ図
実際に見つかった問題をもとに制作した説明図。実際の画面キャプチャではありません。

実際に見つかった問題①:空のコードタグ

2本の公開記事に、次のような長いCSSクラス付きの空タグが混入していました。

<code class="bg-text-200/5 border ..."></code>

これは記事内でコードを表示するための意図的な記述ではなく、何も表示しない空要素でした。AIとのやりとりで使用される表示用の装飾が、WordPressの記事本文に残った可能性があります。ただし、どの段階で混入したかまでは特定していません。

対象となったのはAIブログ運用の最小構成と.envでAPI情報を管理する理由です。WordPress側の本文データを検索すると、前者で1箇所、後者で2箇所見つかりました。

修正方法:対象を限定して文字列を置き換える

全文をAIで書き直す方法もありますが、不要なタグだけを消すなら、該当文字列を正確に指定して置換する方が安全です。今回はMCPで保存済み本文を検索し、一致する箇所だけ削除しました。

  1. 記事本文から特徴的な文字列を検索する。
  2. 該当記事IDと出現回数を確認する。
  3. 空タグを指定して削除する。ほかのコードブロックや見出しは変更しない。
  4. 修正後に本文を再取得し、不要なタグが残っていないか確認する。

この「変更する範囲を絞る」という方針は、テーマや記事全体の書式を壊さないために役立ちます。

実際に見つかった問題②:Pythonのimport不足

.envについての記事に掲載されていたPythonの例では、os.getenv()を使用しているにもかかわらず、最初はimport osの記述がありませんでした。コピーして実行すると、ほかで読み込んでいない限りNameErrorが発生します。

修正後の最小例は次のとおりです。

import os
from dotenv import load_dotenv

load_dotenv()
password = os.getenv("WP_APP_PASSWORD")

これはコードが実行できるための最低限の修正です。環境変数が設定されていない場合のチェックや、実際のWordPress投稿処理は別途必要になります。

見出しにも気をつける:H1の重複

以前の原稿には本文の先頭に<h1>が入っていました。WordPressテーマが投稿タイトルをH1として表示する場合、本文にもH1を入れると、ページの構造が分かりにくくなります。

ミロクAIの既存記事は、導入文から本文が始まり、その後にH2で章立てをする構成に修正しました。これは「H1は絶対に1個でなければならない」という形式的な話ではなく、読者と検索エンジンに内容を明確に伝えるための構成整理です。

新しいChatGPT+MCP運用での確認手順

現在はClaude Codeのスクリプトによる投稿から、ChatGPTとWordPress MCPを中心とした運用に切り替えています。今後の記事は次の順番で確認します。

  1. AIで記事案と構成を作り、実際の記録との相違を確認する。
  2. WordPress MCPで記事を下書き保存する。
  3. 保存した記事本文を再取得し、コードやリンク、見出しを点検する。
  4. 説明用画像と実際のスクリーンショットを区別し、必要に応じて適切な位置へ挿入する。
  5. カテゴリー、アイキャッチ、SEO説明文を設定する。
  6. 公開後に公開記事一覧とURLを再取得して、変更が反映されたか確認する。

注意:修正できたのは検出した問題だけ

今回見つかった空タグやimport不足を修正しても、すべての記事の技術的な正確性が保証されるわけではありません。特にAIの出力には、一見正しいように見えるコードや、存在しない設定項目が含まれることがあります。必要に応じて対象の環境で実行して確かめる必要があります。

結論

AIによる自動投稿で大切なのは、「記事を生成する」ことより「保存したものを検査する」ことだと考えています。今回、HTMLの問題を修正した経験を次の運用ルールとして使い、読者にコピーしてもらうコードも確認してから公開するようにしています。

関連記事:ChatGPT+MCPに任せる作業と、人が判断する作業 / AIブログの公開前チェック

2026年10月14日のWordPress MCPによる記事監査・修正記録をもとに作成しました。

広告(楽天アフィリエイト)

コメント

タイトルとURLをコピーしました