[Feature] Add side-by-side comparison for multiple URLs
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 5/5
- 見積もり時間
- 1週間以上
- 初心者へのやさしさ
- 30/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 活発
- 技術スタック
- react, typescript
- 領域
- frontend
調査の方向性
The issue does not identify files, tests, or entry points. Start by reading the existing metadata analysis and platform-preview flows to understand what a comparison would need to reuse. Done means users can compare multiple URLs side by side, see metadata and score differences, and export results as JSON or a shareable report.
索引モデルが issue の本文から書いたものです。
説明
Problem
I’m frustrated when I need to compare metadata between two versions of a page, such as staging and production. Currently, I must open separate tabs and manually compare titles, descriptions, images, Open Graph tags, Twitter tags, and platform previews.
Proposed Solution
Add a comparison mode that allows users to enter two or more URLs and view their metadata side by side.
The comparison should:
- Display titles, descriptions, Open Graph tags, Twitter tags, canonical URLs, and images.
- Show platform previews next to each other.
- Highlight differences and missing metadata.
- Compare analyzer scores and grades.
- Indicate which URL has better or missing metadata.
- Allow the comparison results to be exported as JSON or a shareable report.
Alternatives Considered
Opening multiple browser tabs and comparing values manually is time-consuming and makes small differences easy to miss.
Using external comparison tools would require copying metadata manually and would not provide the same platform-specific previews or analyzer results. An integrated comparison view would keep the entire workflow inside OGCOPS.
Additional Context
This feature would be useful for:
- Comparing staging and production pages.
- Checking metadata before and after a redesign.
- Comparing old and new versions of a page.
- Auditing several pages for SEO and social-preview consistency.
A split-screen layout with matching fields aligned in rows would make differences easy to identify.
- 主要言語
- TypeScript
- スター
- 8
- フォーク
- 4
- 平均マージ
- 8時間 47分
- マージ済み PR（30日）
- 157
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
codercops/ogcops のほかの issue
-
[Bug] “Copy Recommended Meta Tags” generates an unusable placeholder image URL対応中かも @CreatorguyS が 2 日前に担当しました。 オープンbug enhancement
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
codercops/ogcops#378 · コメント 4 件 ·
メンテナーはふだん 1 日以内に返信
-
[Bug] Clipboard fallback reports success even when copying fails対応中かも @srikar-naidu が 2 日前に担当しました。 オープンbug
codercops/ogcops#384 · コメント 3 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
Preview checker: entity names like `&constructor;` decode to function source対応中かも @amitsinha-cell が 3 日前に担当しました。 オープンbug
codercops/ogcops#356 · コメント 2 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
Add the Do and Don't tutorial template (`tutorial-do-dont`)対応中かも @Ravindar-Amogh-Gummadavelly が 3 日前に担当しました。 オープンgood first issue templates
codercops/ogcops#355 · コメント 2 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
難易度 1/5 1時間未満 初心者へのやさしさ 35/100
codercops/ogcops#88 · コメント 16 件 ·
メンテナーはふだん 1 日以内に返信
codercops/ogcops の issue をすべて見る
似ている issue
-
mobile-app
難易度 2/5 1〜3時間 初心者へのやさしさ 74/100
Open-Locker/Open-Locker#352 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 62/100
leanprover-community/lean4game#589 ·
メンテナーはふだん 2 日以内に返信
-
Add: CS Action BGオープンcheck:passed streams:add
難易度 1/5 1時間未満 初心者へのやさしさ 68/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
メンテナーはふだん 1 日以内に返信
-
難易度 1/5 1時間未満 初心者へのやさしさ 82/100
unocss/unocss#5421 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信