SEOのためにもaltは大事だと言われていますが、正直なところ面倒な作業でもあります。

特に店舗サイトやコーポレートサイトを制作していると、画像が数十枚になることも珍しくありません。

今回は、最近のalt作成について書いてみます。

alt属性って意外と悩む

alt属性は画像の内容を説明するためのテキストです。

画像が表示できない環境や、読み上げソフトなどでも利用されます。

SEOにも関係すると言われています。

ただ、実際に作業していると結構悩みます。

例えば飲食店の料理写真。

「ラーメン」だけでも間違いではありません。

でも、せっかくならもう少し内容が伝わる方が良い気がします。

かといって毎回長文を書くのも大変です。

画像が増えると地味に時間がかかる

10枚くらいなら問題ありません。

ただ、店舗サイトになると50枚以上あることもあります。

さらにギャラリーページがあると100枚近くになることもあります。

画像をアップロードして、altを考えて、入力して。

1枚あたりは数秒でも積み重なると結構な時間になります。

そして何より途中で面倒になります。

最近はAIに下書きを作ってもらう

最近は画像をAIに見せてaltの候補を出してもらっています。

例えば、

• 店舗外観
• 店内写真
• 料理写真
• スタッフ写真
• 施工事例

この辺はかなり得意です。

もちろんそのまま使うこともありますし、少し調整することもあります。

ゼロから考えるよりはかなり楽です。

AIの方が説明が上手いこともある

たまに自分より上手い説明をしてくることがあります。

例えば店内写真を見せると、

「木目調のテーブルと落ち着いた照明が特徴の店内」

みたいな文章を出してきます。

自分だと「店内写真」で終わらせてしまいそうな場面です。

もちろんSEOのために無理やりキーワードを詰め込む必要はありませんが、画像の内容が伝わる文章になっていることは大事だと思います。

最終確認は人間がやる

ただし、AIが出した内容をそのまま信用するわけではありません。

たまに見当違いな説明をすることもあります。

写真の一部だけを見て判断しているようなケースもあります。

なので最終確認は人間です。

AIは下書き担当という位置付けがちょうど良い気がしています。

まとめ

最近はalt属性を全部自分で考えるのをやめました。

代わりにAIに下書きを作ってもらい、必要に応じて修正しています。

作業時間も短縮できますし、表現の幅も広がります。

特に画像が多いサイトを制作する人にはおすすめです。

今後もこういう細かい作業はAIに手伝ってもらおうと思います。

投稿 画像のalt属性、全部自分で考えるのをやめました は 日本生まれ中国育ち沖縄移住パパのブログ に最初に表示されました。

とはいえ、AIに全部任せるわけではありません。

最終的な確認は人間がやるのですが、「見落としを減らす」という意味では結構役立っています。

今回は実際に制作現場でやっている、AIを使った納品前チェックについて書いてみます。

サイト公開前は意外と確認することが多い

Webサイトを公開する前には、思っている以上に確認することがあります。

• 電話番号
• 住所
• 営業時間
• 定休日
• メールアドレス
• お問い合わせフォーム
• リンク切れ
• 誤字脱字
• メニュー表記

ページ数が少なくても、複数ページに同じ情報が掲載されていることがあります。

そのため、どこか一箇所だけ古い情報が残ってしまうことも珍しくありません。

実際、電話番号の一桁違いや営業時間の表記違いなどは、最後の最後で見つかることもあります。

AIにサイト全体を見てもらう

最近は公開前にサイト全体のテキストをAIに読ませています。

そして、

「電話番号に不一致はないか」

「住所表記に違いはないか」

「営業時間が統一されているか」

といった確認をお願いしています。

もちろん100%正しいわけではありません。

ただ、人間だけでチェックするよりも、別の視点で確認してくれるので意外と助かります。

意外と多い表記ゆれ

個人的に一番助かっているのは表記ゆれのチェックです。

例えば、

• お問い合わせ / お問合せ
• ホームページ / Webサイト
• 17:00〜24:00 / 17:00～24:00
• TEL / Tel / tel

こういった細かい違いは、人間だと見逃すことがあります。

特にページ数が多くなると、統一するだけでも結構大変です。

AIに一覧化してもらうと確認しやすくなりました。

電話番号や住所のチェックにも使える

飲食店や店舗サイトでは、電話番号や住所の確認も重要です。

最近は納品前にAIへ

「サイト内に掲載されている電話番号を全部抜き出して」

「住所を一覧にして」

という使い方もしています。

一覧で見ると、意外と違和感に気付けることがあります。

特にフッターやお問い合わせページは、コピペで作られることも多いのでチェックしておくと安心です。

フォームチェックの確認項目作りにも便利

お問い合わせフォームのチェックでも使っています。

例えば、

• 必須項目は正しいか
• 確認画面は必要か
• 送信完了画面はあるか
• 自動返信メールは届くか
• プライバシーポリシーへのリンクはあるか

など、確認項目を洗い出してもらいます。

最終的には実際にフォームを送信して確認しますが、チェック漏れ防止には役立っています。

AIはチェック担当の新人みたいな存在

AIを使っていて思うのは、優秀な検査ツールというより、チェック担当の新人が一人増えたような感覚です。

自分では気付かなかった違和感を指摘してくれることがあります。

もちろん間違った指摘をすることもあります。

だから最終判断は人間です。

ただ、「見落としを減らす」という意味では十分価値があります。

まとめ

最近は納品前チェックにもAIを使うようになりました。

特に便利なのは、

• 電話番号チェック
• 住所チェック
• 営業時間チェック
• 表記ゆれチェック
• フォーム確認項目の洗い出し

このあたりです。

AIだけで品質保証はできませんが、人間のチェックを補助してくれる存在としてはかなり優秀です。

今後も制作フローの中で使える部分はどんどん取り入れていこうと思います。

投稿 Webサイト納品前のチェックでAIが便利だった話 は 日本生まれ中国育ち沖縄移住パパのブログ に最初に表示されました。

とはいえ、

「AIが全部やってくれる！」

みたいな感じでは全然なくて、面倒な作業を少し手伝ってもらう。そんな使い方がほとんどです。

実際、Web制作の仕事って細かい作業の積み重ねなんですよね。

• 文章を書く
• メニューを登録する
• 画像のaltを考える
• SEOタイトルを考える
• 公開前にチェックする

今回は、その中でも「これはAI使うと結構楽になるな」と思った業務を紹介します。

1. 文章作成

まずは定番ですが、文章作成です。

ブログ記事やお知らせ、サービスページを書く時に使っています。

もちろん、そのまま公開することはほとんどありません。

ただ、最初の一文を書くのって結構大変なんですよね。

何を書こうか考えている時間が一番長かったりします。

AIに「こんな内容の記事を書きたい」と伝えるだけで、構成やたたき台を作ってくれるのでかなり楽になりました。

特に、

• ブログ記事
• お知らせ
• サービス紹介

この辺は相性が良いです。

2. 飲食店のメニュー登録

これは最近かなり助かっています。

飲食店のサイトを作ると、紙のメニューやPDFを渡されることがあります。

これを手入力すると結構大変です。

料理名、価格、カテゴリを見ながら、ひとつひとつ登録していく必要があります。

最近はAIに画像を読ませて、

• 文字起こし
• カテゴリ分け
• 表記ゆれの修正
• 登録しやすい形への整形

このあたりを手伝ってもらっています。

もちろん最終確認は人間がやりますが、ゼロから入力するのと比べるとかなり違います。

100品を超えるようなメニューだと特に効果を感じます。

3. 画像のalt作成

これも地味ですが便利です。

altはSEOだけでなく、アクセシビリティ的にも大事です。

ただ画像が50枚、100枚あると結構面倒です。

例えば「店舗外観」だけだと少し雑ですし、「木目調の外観が特徴的なカフェの店舗外観」みたいな説明の方が親切です。

AIに画像を見せると、それっぽいaltを考えてくれるので、下書きとして使っています。

最近は記事を書く時にも結構活躍しています。

4. SEOタイトル作成

SEOタイトルも毎回悩みます。

記事は書けたのに、タイトルが決まらない。

これ結構あります。

そんな時にAIに「この記事のタイトル案を10個出して」とお願いすると、それなりに良い案が出てきます。

もちろんそのまま使うわけではありませんが、考える時間はかなり減りました。

最近はディスクリプションも一緒に考えてもらっています。

5. 公開前チェック

意外と便利なのがこれです。

サイト公開前って、確認することがたくさんあります。

• 誤字脱字
• リンク切れ
• 電話番号
• 住所
• 営業時間
• フォームの動作

人間だけでやると、どうしても見落としが出ることがあります。

最近は「このページをチェックして」とAIに投げて、確認項目を洗い出してもらうこともあります。

実際に納品前のチェックでも使っています。

AIは仕事を奪うというより、アシスタントが増えた感じ

AIを使い始めて思うのは、仕事がなくなるというより、面倒な作業が減るという感じです。

特にWeb制作は、細かい入力や確認作業が多いので、その辺との相性はかなり良いと思います。

逆に、

• デザインの判断
• お客様とのやり取り
• 提案内容の検討
• 最終的な品質確認

この辺は今でも人間の仕事です。

なので今のところは、AIに仕事を奪われるというより、アシスタントが1人増えたくらいの感覚ですね。

まとめ

Web制作会社がAIを導入して変わった業務をまとめると、以下の5つです。

1. 文章作成
2. 飲食店のメニュー登録
3. 画像のalt作成
4. SEOタイトル作成
5. 公開前チェック

どれも、ひとつひとつは小さな作業です。

ただ、Web制作ではこういう小さな作業が積み重なって、結構な時間になります。

AIをうまく使うことで、作業時間を減らしつつ、人間が見るべきところに時間を使えるようになりました。

今後も制作現場で使えそうなものがあれば、いろいろ試していこうと思います。

投稿 Web制作会社がAIを導入して地味に楽になった業務5選 は 日本生まれ中国育ち沖縄移住パパのブログ に最初に表示されました。

Webサイト制作をしていると、意外と時間がかかるのが「メニュー登録」です。

特に飲食店サイトでは、フードメニュー、ドリンクメニュー、ランチメニュー、コースメニューなど、数十件から多い場合は100件以上の情報を入力することがあります。

1件ずつWordPressへ登録していると、数時間かかることも珍しくありません。

最近はこの作業をAIに手伝ってもらうことで、大幅に時間短縮できるようになりました。

今回は、実際に私がWordPressサイト制作で行っている「AIを使ったメニュー一括登録」の流れをご紹介します。

これまでのメニュー登録作業

以前は、お客様からいただいたメニュー表を見ながら、1つずつ手作業で入力していました。

• 商品名を入力する
• 価格を入力する
• カテゴリーごとに整理する
• レイアウトを調整する
• 入力ミスがないか確認する

例えば100件のメニューがあれば、100回近く同じような作業を繰り返すことになります。

単純作業ではありますが、価格や商品名を間違えられないため、かなり神経を使う工程です。

AIを使った現在の流れ

現在は、メニュー登録の一部をAIに手伝ってもらっています。

大まかな流れは以下の通りです。

1. メニュー表の画像やPDFをAIに読み込ませる
2. AIで文字起こしする
3. 商品名・価格・カテゴリーごとに整理する
4. WordPressやDiviで使える形に変換する
5. インポートして一括登録する

1. メニュー表をAIに読み込ませる

まず、お客様からいただいたメニュー表をAIに読み込ませます。

メニュー表は、PDFの場合もあれば、スマートフォンで撮影した写真の場合もあります。

AIに画像を読み込ませると、OCRという文字認識によって、画像内の文字をテキスト化できます。

例えば、紙のメニューに書かれている料理名や価格を、手入力せずにテキストとして取り出せます。

2. AIにメニュー内容を整理してもらう

画像から読み取ったテキストは、そのままだと少し崩れていることがあります。

例えば、以下のような状態です。

生ビール650円
ハイボール550円
レモンサワー500円

このままだとWebサイトに登録しづらいため、AIに整理してもらいます。

[
  {
    "name": "生ビール",
    "price": "650"
  },
  {
    "name": "ハイボール",
    "price": "550"
  },
  {
    "name": "レモンサワー",
    "price": "500"
  }
]

このように、商品名と価格を分けて整理できます。

さらに、ビール、サワー、フード、デザートなど、カテゴリーごとに分けることもできます。

3. Diviで使える形に変換する

私が制作で使うことの多いWordPressテーマ「Divi」では、ページデータをJSON形式でエクスポートできます。

既存のページデータをもとに、AIへ「この形式に合わせてメニューを追加して」と指示すると、Diviで読み込める形に整えてくれます。

つまり、AIには単に文章を書いてもらうだけではなく、Webサイトにそのまま使えるデータへ変換する作業もお願いできます。

4. WordPressへインポートする

AIで整えたデータを確認したら、WordPressのDiviへインポートします。

すると、手作業で1件ずつ入力しなくても、大量のメニューを一気に登録できます。

もちろん、最終的な確認は人間が行います。

AIの読み取りミスや、価格の間違いがないかは必ずチェックします。

どれくらい効率化できるのか

案件の内容にもよりますが、体感としてはかなりの時間短縮になります。

特に便利なのは、表記ルールの統一です。

例えば、「税込価格をカッコ付きで表示する」「円マークを使わない」「価格にカンマを付ける」といったルールも、AIに指示してまとめて修正できます。

AIを使っても最後の確認は人間が必要

AIはとても便利ですが、すべてを任せきりにするわけではありません。

特に飲食店のメニューでは、価格や商品名の間違いは大きな問題になります。

そのため、AIで作成したデータは必ず人間が確認します。

• 商品名に誤字がないか
• 価格が合っているか
• カテゴリー分けが正しいか
• Webサイト上で表示崩れがないか

AIはあくまで作業を助けてくれる存在です。

最終的な品質管理は、これまで通り制作者が行います。

AIは仕事を奪うものではなく、面倒な作業を減らしてくれるもの

AIというと「仕事がなくなるのでは」と言われることもあります。

ただ、実際にWeb制作の現場で使ってみると、AIは仕事を奪うというより、面倒な作業を減らしてくれる道具だと感じます。

デザインを考えること、サイト全体の構成を考えること、お客様の要望を整理することは、今でも人間が行う重要な仕事です。

一方で、データ入力、文字起こし、表記の統一、フォーマット変換のような作業は、AIが得意な分野です。

AIをうまく使うことで、単純作業に使っていた時間を、より大事な部分に使えるようになります。

まとめ

WordPressやDiviを使ったWebサイト制作では、AIを活用することで作業効率を大きく改善できます。

特に飲食店サイトのように、大量のメニュー登録が必要な案件では、AIとの相性がとても良いです。

• メニュー表の文字起こし
• 商品名や価格の整理
• カテゴリー分け
• Divi用データへの変換
• WordPressへの一括登録

こうした作業をAIに手伝ってもらうことで、制作時間を短縮しながら、ミスの少ないサイト制作を目指せます。

AIは特別なものではなく、日々の作業を少し楽にしてくれる実用的なツールです。

Web制作でも、うまく活用していきたいですね。

投稿 WordPress制作の時間を短縮。AIで飲食店メニューを一括登録した話【DIVI】 は 日本生まれ中国育ち沖縄移住パパのブログ に最初に表示されました。