Skip to content

feat(site): 소셜 미리보기 카드 + 페이지 자체 기능 서술 정정 - #33

Merged
jlc488 merged 1 commit into
mainfrom
feat/site-social-meta
Aug 8, 2026
Merged

feat(site): 소셜 미리보기 카드 + 페이지 자체 기능 서술 정정#33
jlc488 merged 1 commit into
mainfrom
feat/site-social-meta

Conversation

@jlc488

@jlc488 jlc488 commented Aug 8, 2026

Copy link
Copy Markdown
Contributor

문제

랜딩 페이지를 HN·X·Reddit·Slack에 공유하면 제목도 미리보기도 없는 맨 URL로 떴습니다 — 제품 페이지에 Open Graph·Twitter Card 태그가 하나도 없었습니다. (허브에는 있는데, 정작 채택이 일어나는 페이지에 없었음.) canonical도 없었습니다.

변경

  • og:type/site_name/url/title/description/image + summary_large_image 트위터 카드 + canonical
  • og.png = 실제 1200×630 스크린샷 — 줄자와 핸들, 실제로 들여쓰기된 문단. 트라이얼 워터마크 없고 특정 에디터에 치우치지 않도록 코어(contenteditable) 탭으로 촬영

카드 문구 감사 중 발견한 낡은 주장 3건

프로필·허브에서 고친 것과 같은 종류가 이 페이지에도 있었습니다:

  1. 메타 description — 구글 검색 결과에 그대로 인쇄되는 문장인데 테이블 컬럼 마커를 공통 기능으로 팔고 있었음 (Froala 전용)
  2. 히어로 배지 — CKEditor 5 어댑터가 나온 지 세 릴리스가 지났는데 아직 Froala · Tiptap이었고, 컬럼 마커 배지도 최상단에 있었음 → Froala · Tiptap · CKEditor 5 + 진짜 공통인 세로 줄자로 교체
  3. FAQ와 테이블 프리셋 본문 — 테이블 통째 밀기·이미지 동작을 범위 표시 없이 서술 → 어느 어댑터인지 명시

검증

  • 99 테스트 그린
  • 빌드 결과물을 다시 파싱해 태그 전수 확인(canonical·og:*·twitter:*), og.png 1200×630 71KB 확인
  • 브라우저에서 히어로 배지 줄바꿈·FAQ 렌더 실측

Sharing the landing page to HN, X, Reddit, or Slack rendered a bare URL:
the product page had no Open Graph or Twitter Card tags at all (the hub
had them; the page adoption actually flows through did not). Added
og:type/site_name/url/title/description/image and a summary_large_image
twitter card, plus the missing canonical.

og.png is a real 1200x630 screenshot of the core demo — the ruler with
its handles above genuinely indented paragraphs. Used the bare
contenteditable tab rather than Froala so the card is brand-neutral and
carries no trial watermark.

Auditing the page for the card copy turned up three stale claims of the
same kind just fixed in the org profile and the hub:

- the meta description — which is literally what Google prints in search
  results — sold table column markers as a general feature; they are
  Froala-only.
- the hero badge row said 'Froala · Tiptap', still missing CKEditor 5
  three releases after that adapter shipped, and carried the same
  column-marker badge. Now 'Froala · Tiptap · CKEditor 5' and the
  genuinely universal vertical ruler.
- the FAQ described whole-table and image pushing without scoping, and
  the table preset's own copy did the same. Both now say which adapter.

Verified: 99 tests green; built page re-parsed for every tag (canonical,
og:*, twitter:*) and og.png confirmed 1200x630 at 71KB; hero badge row
and FAQ checked in a browser.
@jlc488
jlc488 merged commit f33d03e into main Aug 8, 2026
1 check passed
@jlc488
jlc488 deleted the feat/site-social-meta branch August 8, 2026 08:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant