ChatGPTとYoomの連携イメージ
【プログラミング不要】WebページのHタグ抽出を自動化する方法
Yoomを詳しくみる
この記事のテンプレートを試す
ChatGPTとYoomの連携イメージ
アプリ同士の連携方法

2026-01-05

【プログラミング不要】WebページのHタグ抽出を自動化する方法

Sachika Mikami
Sachika Mikami

「競合サイトの構成を分析するために、一つ一つHタグを確認する作業が面倒…」
「コンテンツのSEO対策としてHタグの構造を把握したいけど、手作業での抽出は時間がかかりすぎる…」

このように、WebページのHタグを手動で抽出する作業に多くの時間を費やしている方も多いのではないでしょうか。

もし、指定したURLのHタグをAIが自動で抽出し、リスト化してくれる仕組みがあれば、このような手間のかかる作業から解放されるでしょう!

そのうえ、本来注力すべきコンテンツ戦略の立案や分析といったコア業務に集中できる時間を創出できます!

今回ご紹介する自動化はプログラミングの知識がなくても簡単に設定できます。
分析業務の初動を短縮できるので、ぜひこの機会に導入して作業をもっと楽にしましょう!

とにかく早く試したい方へ

YoomにはWebページからHタグを自動で抽出する業務フロー自動化のテンプレートが用意されています。

「まずは試してみたい!」という方は、以下のバナーをクリックして、すぐに自動化を体験してみましょう!


フォーム送信をトリガーにHタグを自動抽出するフローを作ってみよう

それではここから代表的な例として、YoomのフォームにURLが送信されたら、ChatGPTがHタグを抽出し、その結果をMicrosoft Excelに自動で追加するフローを解説していきます!

ここではYoomを使用してノーコードで設定をしていくので、もしもまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。

※今回連携するアプリの公式サイト:ChatGPTMicrosoft Excel

[Yoomとは]

フローの作成方法

今回は大きく分けて以下のプロセスで作成します。

  • ChatGPTとMicrosoft Excelのマイアプリ連携
  • テンプレートをコピー
  • フォームトリガーの設定と各アクション設定
  • トリガーをONにし、フローが起動するかを確認


ステップ1:ChatGPTとMicrosoft Excelのマイアプリ連携

それではここから今回のフローで使用するアプリのマイアプリ登録方法を解説します。
※事前にYoomと使用するアプリにログインしてください。

ChatGPTをマイアプリ連携

※ChatGPT(OpenAI)を使ったアクションを動かすには、OpenAIのAPI有料プランに契約しておく必要があります。APIの利用料金が発生した時にスムーズに支払いができるよう、契約内容を整えておきましょう。

以下の手順をご参照ください。

Microsoft Excelをマイアプリ連携

※Microsoft 365(旧Office 365)」には個人向けと法人向けプラン(Microsoft 365 Business)があります。
法人向けプランを契約していない場合、Yoomからの認証がうまくいかない可能性があるのでご注意ください。
以下の手順をご参照ください。

事前準備

エクセルファイルを用意する
今回ご紹介したテンプレートでは、ChatGPTがHタグを抽出しその結果をMicrosoft Excelに自動で追加します。
そのため、まずは結果を記載するためのエクセルファイルを用意しておく必要があります。
今回は以下のファイルを用意しました。

ファイルをアップロードする
Yoomと連携するために先ほど用意したファイルを、OneDriveかSharePointに保存しましょう。
今回はOneDriveにファイルを保存しました。

ステップ2:該当のテンプレートをコピー

以下のバナーにある試してみるボタンをクリックしてください。


テンプレートのコピーに成功すると、以下の画面が表示されますのでOKをクリックしましょう。
なお、コピーしたテンプレートはYoomのマイプロジェクトから確認できます。

ステップ3:フォームトリガーの設定

フォームをクリックします。
今回ご紹介するテンプレートでは、Yoomのフォームを利用します。

フォームにはデフォルトでURLの項目が設定されています。
新しく追加したい場合は、+質問を追加をクリックして項目の設定を行ってください。

完了ページの設定はYoomの有料プランでご利用いただけます。
他にも有料プランのみで利用できる機能がございますので、ご興味のある方は以下のリンク先をご確認ください。

次に、共有フォーム利用時のフローボットの起動者を設定します。
デフォルトで設定されていますが、プルダウンメニューから選択することも可能です。
ご自身の状況に合わせて設定してください。

全て設定できていることを確認したら次へをクリックしましょう。

このページでは、実際にフォームを受け取った場合と同じように、取得した値を設定することで次のアクションでテスト利用することができます。
テスト利用したいURLを入力したら完了をクリックしましょう。

取得した値とは?
トリガーやオペレーション設定時に、「テスト」を実行して取得した値のことを指します。
後続のオペレーション設定時の値として利用でき、フローボットを起動する度に変動した値となります。

ステップ4:ChatGPTでテキストを生成する設定

テキストを生成(Web検索対応)をクリックします。

連携するアカウント情報にはステップ1で連携したアカウントか、連携時に使用していたYoomのアカウントが表示されます。
アカウントを確認して問題なければ次へをクリックしてください。

今回モデルはデフォルトで設定されているGPT-4oを利用しますが、以下のようにプルダウンメニューから変更することも可能です。

テキストはデフォルトで設定されていますが、自由に編集可能です。
ChatGPTに依頼したい内容に合わせて編集してください。
また、テキスト内にはデフォルトで取得した値が設定されています。
項目名だけではなく、実際の値が表示されているのを確認してください。
取得した値を活用することで、固定値ではなく、トリガーが実行されるたびに最新の情報が反映できます。
また、取得した値は以下のように入力欄をクリックすることで設定できます。
入力欄に直接記入すると入力した値が固定値となり、このテンプレートを通して行う全てのテキスト生成の設定に適用されますのでご注意ください。

設定できていることを確認したらテストをクリックしましょう。

テストに成功すると、テスト成功画面と取得した値が表示されます。
確認できたら完了をクリックしましょう。

ステップ5:Microsoft Excelにレコードを追加する設定

レコードを追加するをクリックします。

※Microsoft Excelのデータベースを操作するオペレーションの設定詳細は「【Excel】データベースを操作するオペレーションの設定に関して」をチェックしてみてください。

連携するアカウント情報にはステップ1で連携したアカウントか、連携時に使用していたYoomのアカウントが表示されます。
アカウントを確認して問題なければ、下に進みます。

ファイルの保存場所を設定します。
プルダウンメニューから、ファイルを保存した場所を選択してください。

ドライブIDを設定します。
入力欄をクリックし、表示された候補の中から保存場所として利用しているものを選択します。

アイテムIDを設定します。
先ほどと同様に入力欄をクリックし、使用したいファイルを選択してください。

シート名も同様に、入力欄をクリックして使用したいシート名を選択します。

テーブル範囲を設定します。
項目を設定している箇所も含めてレコードを追加したい範囲を設定しましょう。
テーブル範囲の設定に関しては、原則Googleスプレッドシートと同様となりますので、詳しく知りたい方は以下のリンク先をご確認ください。

ここまで設定できたら次へをクリックしましょう。

追加するレコードの値には、エクセルファイルに設定している項目名が表示されます。
それぞれに取得した値から設定しましょう。

全て設定できているのを確認したらテストをクリックします。
※テストをクリックすると、実際にレコードが追加されます。

テストに成功すると、テスト成功画面と取得した値が表示されますのでご確認ください。
確認できたら完了をクリックしましょう。

Microsoft Excelにレコードが追加されますのでご確認ください。

ステップ6:トリガーをONにし、フローが起動するかを確認

先ほどのYoomの画面で完了をクリックすると以下の画面が表示されます。
トリガーをONをクリックしてください。
トリガーをONにしたら実際にフローが起動するか確認してみましょう。

お疲れ様でした!
以上がYoomのフォームにURLが送信されたら、ChatGPTがHタグを抽出し、その結果をMicrosoft Excelに自動で追加するフローでした!

ChatGPTを使った自動化例 

他ツールの情報をAIで集約・要約し、チャットツールへ通知します。
また、リード情報から自動返信メール、メール内容から契約書の草案を自動作成します。
さらに、チャットやLINEでの質問にAIが自動返答したり、GitHubの概要を生成しコメントを自動追加。
手動での文書作成や情報整理が減り、業務効率が向上します。


■概要
「GitHubのプルリクエストが作成されたらChatGPTで概要を生成し、コメントを追加する」フローは、開発プロセスをスムーズに進める業務ワークフローです。
プルリクエストが発生すると、自動的にChatGPTが概要を作成し、レビュワーへのコメントとして追加します。
これにより、プルリクエストの内容が一目で分かりやすくなり、チーム内のコミュニケーションが円滑になります。‍

■このテンプレートをおすすめする方
・GitHubを活用して開発チームのコラボレーションを効率化したい開発者の方
・プルリクエスト時に概要を自動生成し、レビューの負担を軽減したいプロジェクトマネージャーの方
・ChatGPTとGitHubの連携で開発プロセスを自動化したいエンジニアの方
・チームのレビュー品質を向上させたいリーダーの方
・プルリクエストの管理に手間を感じている開発チームのメンバー

■注意事項
・GitHubとChatGPTのそれぞれとYoomを連携してください。
ChatGPT(OpenAI)のアクションを実行するには、OpenAIのAPI有料プランの契約が必要です。(APIが使用されたときに支払いができる状態)
https://openai.com/ja-JP/api/pricing/
・ChatGPTのAPI利用はOpenAI社が有料で提供しており、API疎通時のトークンにより従量課金される仕組みとなっています。そのため、API使用時にお支払いが行える状況でない場合エラーが発生しますのでご注意ください。

■概要
「Gmailの受信内容をChatGPTで要約してSlackに通知する」ワークフローを利用すると、重要な情報の見落としを防止できます。
要約した上で通知できるため、情報の可読性が向上するでしょう。

■このテンプレートをおすすめする方
・メールで受け取る情報を迅速に把握したい方
・Gmailを利用しているが、重要なメールを見逃さないようにしたい方
・受信メールの内容を迅速に要約して確認することが必要な方
・業務連絡でSlackを日常的に活用しているチーム
・チャットツールで効率的に情報を共有したいと考えている方
・業務のスピードアップと効率化を図りたいと考える方

■注意事項
・Gmail、Slack、ChatGPTのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
・ChatGPT(OpenAI)のアクションを実行するには、OpenAIのAPI有料プランの契約が必要です。(APIが使用されたときに支払いができる状態)
https://openai.com/ja-JP/api/pricing/
・ChatGPTのAPI利用はOpenAI社が有料で提供しており、API疎通時のトークンにより従量課金される仕組みとなっています。そのため、API使用時にお支払いが行える状況でない場合エラーが発生しますのでご注意ください。

Google スプレッドシートで行が追加されたらChatGPTで要約しGoogle スプレッドシートに追加するフローです。

■概要
「LINEで入力された文章やアイデアをChatGPTでリライト・校正する」フローは、LINEで受け取ったコンテンツを自動的にChatGPTによりリライト・校正する業務ワークフローです。

■このテンプレートをおすすめする方
・LINEをビジネスコミュニケーションに活用している方
・チーム内でのアイデア共有や文章作成を効率化したいリーダー
・日常的に文章やアイデアのリライト・校正が必要なクリエイター
・ChatGPTを活用して文章の品質向上を図りたい方
・業務プロセスの自動化を目指しているIT担当者

■注意事項
・LINE公式アカウント、ChatGPTのそれぞれとYoomを連携してください。
・ChatGPT(OpenAI)のアクションを実行するには、OpenAIのAPI有料プランの契約(APIが使用されたときに支払いができる状態)が必要です。
 https://openai.com/ja-JP/api/pricing/
 ChatGPTのAPI利用はOpenAI社が有料で提供しており、API疎通時のトークンにより従量課金される仕組みとなっています。そのため、API使用時にお支払いが行える状況でない場合エラーが発生しますのでご注意ください。

■概要
Microsoft Teamsの特定のチャネルでの質問対応に、毎回手動で返信していませんか?
社内FAQのような定型的な質問への対応は、担当者の時間を使い、業務負荷を高める一因にもなりかねません。
このワークフローを活用すれば、Microsoft Teamsの特定の投稿に対してChatGPTが自動で返信を生成し、投稿するため、問い合わせ対応の工数を削減できます。

■このテンプレートをおすすめする方
・Microsoft Teamsでの社内問い合わせ対応を効率化したい情報システムや総務担当者の方
・特定のチャネルでの定型的な質問への返信作業を自動化したいチームリーダーの方
・ChatGPTを活用して、社内のナレッジ共有やFAQ対応を円滑にしたいと考えている方

■注意事項
・Microsoft Teams、ChatGPTのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
・ChatGPT(OpenAI)のアクションを実行するには、OpenAIのAPI有料プランの契約が必要です。(APIが使用されたときに支払いができる状態)
https://openai.com/ja-JP/api/pricing/
・ChatGPTのAPI利用はOpenAI社が有料で提供しており、API疎通時のトークンにより従量課金される仕組みとなっています。そのため、API使用時にお支払いが行える状況でない場合エラーが発生しますのでご注意ください。
・Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。
・分岐はミニプラン以上のプランでご利用いただける機能(オペレーション)となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
・ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能(オペレーション)を使用することができます。

■概要
「Outlookのメール内容をもとに、ChatGPTで契約書の草案を作成して担当者に送信する」ワークフローは、契約書作成の初期段階を効率化し、担当者の負担を軽減する業務ワークフローです。
指定した件名のメールを受信した際、契約情報を抽出し、ChatGPTを活用して契約書の草案を迅速に生成します。
その後、生成された契約書を関係者に自動送信することで、手作業による時間と労力を削減します。

■このテンプレートをおすすめする方
・Outlookを日常的に使用し、契約関連のメール処理に時間を取られている営業担当者の方
・ChatGPTを活用して契約書作成のプロセスを自動化したいと考えている法務担当者の方
・複数のSaaSアプリを連携させて業務効率化を図りたいと考えているIT担当者の方
・契約書作成の初期段階を迅速かつ正確に行いたい経営者の方
・業務の自動化を通じてチームの生産性向上を目指しているマネージャーの方

■注意事項
・Outlook、ChatGPTのそれぞれとYoomを連携してください。
・Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。
・ChatGPT(OpenAI)のアクションを実行するには、OpenAIのAPI有料プランの契約(APIが使用されたときに支払いができる状態)が必要です。
 https://openai.com/ja-JP/api/pricing/
 ChatGPTのAPI利用はOpenAI社が有料で提供しており、API疎通時のトークンにより従量課金される仕組みとなっています。そのため、API使用時にお支払いが行える状況でない場合エラーが発生しますのでご注意ください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。

■概要
このワークフローでは、Salesforceに新規リードが登録されるたびに、ChatGPTが自動的に返信メールの文面を作成して同じSalesforce内に保存できます。この自動化によってメールの文面作成の手間が削減できるでしょう。
Yoomを利用すると、プログラミング不要で簡単にアプリ同士を連携することができます。

■このテンプレートをおすすめする方
・Salesforceを日常的に使用しており、メール作成に手間を感じている営業担当者の方
・ChatGPTを活用して作業の質を高めたいと考えているマーケティング担当者の方
・リード情報への連絡を徹底し、営業チームの効率化を図りたい管理者の方
・SaaSアプリの連携を通じて業務プロセスを改善したいIT担当者の方

■注意事項
・Salesforce・ChatGPT・Google スプレッドシートをそれぞれYoomに連携する必要があります。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
・ChatGPT(OpenAI)のアクションを実行するには、OpenAIのAPI有料プランの契約が必要です。(APIが使用されたときに支払いができる状態)
https://openai.com/ja-JP/api/pricing/
・ChatGPTのAPI利用はOpenAI社が有料で提供しており、API疎通時のトークンにより従量課金される仕組みとなっています。そのため、API使用時にお支払いが行える状況でない場合エラーが発生しますのでご注意ください。

■概要
このワークフローでは、Notion内の更新情報を自動的に収集し、ChatGPTを活用して要約・整理した上で、指定のチャットツールへ通知することが可能です。この自動化によって、毎日の情報収集と要約を自動化し、効率的に最新情報をチームに共有できるでしょう。
Yoomを利用すると、プログラミング不要で簡単にアプリ同士を連携することができます。

■このテンプレートをおすすめする方
・Notionを活用しているが、最新情報の追跡に手間を感じている方
・ChatGPTを利用して情報の要約や整理を行いたいチームリーダー
・情報共有を自動化し、業務効率を向上させたいビジネスパーソン
・定期的にNotionの更新情報をメンバーに通知したいプロジェクトマネージャー

■注意事項
・Notion・ChatGPT・SlackそれぞれとYoomを連携してください。
・Notionにあらかじめ要約を記載する項目をつくっておく必要があります。
・ChatGPT(OpenAI)のアクションを実行するには、OpenAIのAPI有料プランの契約が必要です。(APIが使用されたときに支払いができる状態)
https://openai.com/ja-JP/api/pricing/
・ChatGPTのAPI利用はOpenAI社が有料で提供しており、API疎通時のトークンにより従量課金される仕組みとなっています。そのため、API使用時にお支払いが行える状況でない場合エラーが発生しますのでご注意ください。

■概要
「WordPressの新規投稿をChatGPTで自動要約し、要約文をWordPressに追記する」フローは、コンテンツ作成の効率化と品質向上を目指す業務ワークフローです。
ブログやウェブサイトに新しい記事を投稿するたびに、Yoomを使って自動的にChatGPTが記事を要約。
生成された要約文を自動でWordPressに追記することで、手作業の手間を削減し、訪問者にわかりやすい要約を提供できます。

■このテンプレートをおすすめする方
・WordPressを活用してブログやウェブサイトを運営している方
・記事の要約作成にかかる時間を削減したいコンテンツクリエイターの方
・ChatGPTとWordPressの連携による自動化に興味がある方
・コンテンツ管理の効率化を図りたいウェブ管理者の方
・読者に一貫した要約を提供したいサイト運営者の方

■注意事項
・WordPress、ChatGPTのそれぞれとYoomを連携してください。
・ChatGPT(OpenAI)のアクションを実行するには、OpenAIのAPI有料プランの契約が必要です。(APIが使用されたときに支払いができる状態)
https://openai.com/ja-JP/api/pricing/
・ChatGPTのAPI利用はOpenAI社が有料で提供しており、API疎通時のトークンにより従量課金される仕組みとなっています。そのため、API使用時にお支払いが行える状況でない場合エラーが発生しますのでご注意ください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。

■概要
フォームからの問い合わせやアンケートの回答内容は、一つひとつ確認して内容を把握するのに手間がかかります。
また、都度関係者に共有するのも面倒ではないでしょうか?
このワークフローを活用すれば、フォームに回答が送信されるとChatGPTが自動で内容を要約し、その結果をLINE公式アカウントに通知できます。
これにより、内容の把握や情報共有がスムーズになります。

■このテンプレートをおすすめする方
・フォームからの問い合わせ対応を効率化したいカスタマーサポート担当者の方
・アンケートの回答内容をスムーズに把握し、関係者と共有したいマーケティング担当者の方
・手作業での情報共有に課題を感じ、自動化による業務改善を目指すチームリーダーの方

■注意事項
・ChatGPT、LINE公式アカウントのそれぞれとYoomを連携してください。
・ChatGPT(OpenAI)のアクションを実行するには、OpenAIのAPI有料プランの契約が必要です。(APIが使用されたときに支払いができる状態)
https://openai.com/ja-JP/api/pricing/
・ChatGPTのAPI利用はOpenAI社が有料で提供しており、API疎通時のトークンにより従量課金される仕組みとなっています。そのため、API使用時にお支払いが行える状況でない場合エラーが発生しますのでご注意ください。
 

まとめ

WebページのHタグ抽出を自動化することで、これまで手作業で行っていた情報収集やリスト作成の手間を削減し、ヒューマンエラーを防ぐことができます。

これにより、SEO担当者やコンテンツマーケターは面倒な作業から解放され、より迅速に競合分析やコンテンツ構成の検討といった本来注力すべきコア業務に着手できる環境が整うでしょう!

今回ご紹介したような業務自動化を実現できるノーコードツール「Yoom」を使えば、プログラミングの知識がない方でも、直感的な操作で簡単に業務フローを構築可能です!
もし自動化に少しでも興味を持っていただけたなら、ぜひこちらの登録フォームから無料登録して、Yoomによる業務効率化を体験してみてください!

よくあるご質問

Q:Hタグの階層構造(インデントなど)を維持したまま出力できますか?

A:

はい、できます。
ステップ4のテキストの項目を編集することで実現可能です。
※実際の挙動は選択したモデルやテキスト(プロンプト)の書き方によって変わりますのでご注意ください。

Q:Microsoft ExcelではなくGoogle スプレッドシートに出力できますか?

A:

はい、できます。
YoomではMicrosoft ExcelやGoogle スプレッドシートを含む様々なアプリと連携可能です。
連携できるアプリは以下のリンク先をご覧ください。

Q:URLが存在しないなど、抽出に失敗した場合の対処法は?

A:

うまく抽出できなかった場合におすすめなのが、「分岐」オペレーションの追加です。
「分岐」オペレーションを追加することで、例えばChatGPTで生成したテキストが空白だった場合や、テキスト内に「できませんでした」などの文字が含まれる場合は通知を送るなど、処理を分けることができます。
分岐はミニプラン以上でご利用いただけます。
フリープランで利用するとエラーになってしまうのでご注意ください。

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
Sachika Mikami
Sachika Mikami
SaaS自動化プラットフォーム『Yoom』のオウンドメディアにて、業務効率化をテーマとした記事執筆を担当するWebライター。約3年にわたり多様な業界のコンテンツ制作に携わり、様々な現場の業務フローに触れてきた。その過程でSaaSツールによる業務自動化の重要性を実感し、現在はノーコードでの業務フロー改善やRPAを活用したSaaS連携といったテーマで記事執筆に取り組んでいる。自身の経験に基づき、非エンジニアの方にも業務効率化の具体的な手法とその価値が伝わるような情報発信を心がけている。
タグ
ChatGPT
連携
自動
自動化
関連アプリ
お役立ち資料
Yoomがわかる!資料3点セット
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる