블로그나 홈페이지 주소를 SNS에 붙였을 때 제목 대신 엉뚱한 문구가 나오거나 이미지가 빠지는 일이 있습니다. Share Preview는 웹페이지 주소를 넣고 공유 카드가 어떻게 구성되는지 로컬에서 미리 보면서 관련 메타데이터를 확인하는 Linux 프로그램입니다. Apps for GNOME과 제작자 저장소는 소셜 공유용 메타 태그의 미리보기와 디버깅을 용도로 설명하며, Flathub는 Free로 표시합니다.
공식 화면에서는 Twitter를 선택한 뒤 URL을 입력하면 카드 이미지, 제목, 설명, 도메인이 한 장에 나타납니다. 아래 View Metadata를 열면 어떤 태그 값이 읽혔는지 볼 수 있고 Scraping Log는 수집 과정의 기록을 보여 줍니다. 카드가 마음에 들지 않으면 앱에서 제목을 직접 바꾸는 방식이 아니라 원본 웹페이지의 메타 태그를 점검해야 합니다.
링크를 공유하기 전에 무엇을 확인하나요?
Share Preview는 웹페이지가 SNS에 넘기는 제목·설명·이미지 정보를 카드 형태로 보여 줍니다. 주소를 복사해 SNS에 게시하기 전에 카드가 읽기 좋은지 살펴보고, 예상과 다르면 실제 메타 태그가 무엇인지 확인할 수 있습니다. 제품의 공식 설명은 websites metadata tags for social media share를 미리 보고 디버깅한다고 적습니다. 따라서 단순한 웹페이지 스크린샷 도구가 아니라 공유용 정보의 표시 결과를 살펴보는 앱입니다.
첫 번째 공식 화면에는 Twitter 선택 메뉴, URL 입력 칸, 오른쪽 진행 화살표가 보입니다. 예시 카드에는 GNOME Share Preview 제품 페이지의 이미지, 제목, 설명과 apps.gnome.org 도메인이 한꺼번에 나타납니다. 같은 URL이어도 카드 제목과 본문 첫 문장은 다를 수 있으므로, 제목·설명·이미지를 각각 확인하는 편이 좋습니다. 화면에 보이는 GNOME 예시를 사용자의 사이트에서 항상 얻는다는 뜻은 아닙니다.
카드 아래 View Metadata 버튼은 눈에 보이는 카드 결과의 근거를 찾는 곳입니다. 두 번째 공식 화면의 Metadata 탭에는 viewport, theme-color, twitter:card, twitter:site처럼 페이지에서 읽힌 값이 줄마다 나타납니다. Body Images 탭과 검색 칸도 보입니다. 카드가 왜 특정 이미지를 선택했는지 궁금하다면 카드만 계속 새로 고치기보다 이 목록과 로그를 함께 살펴보세요.
공유 카드·메타데이터·수집 로그 화면
공식 화면에는 Twitter와 URL 입력, 카드 이미지·제목·설명, View Metadata, Metadata·Body Images 탭 및 Scraping Log가 보입니다. GNOME 사이트의 카드와 로그는 기능을 보여 주는 예시입니다.
| 프로그램 | Share Preview · Apps for GNOME |
| 앱 ID | com.rafaelmardojai.SharePreview |
| 배포 | Flathub 무료 Flatpak |
| 지원 환경 | Linux x86_64 · aarch64 |
| 표시 버전 | 1.0.0 |
| 주요 작업 | 웹페이지 공유 카드·메타데이터 확인 |
Linux에 Share Preview 설치하기
Apps for GNOME의 Share Preview 제품 페이지에서 Get the app을 누르면 Flathub 배포 목록으로 이어집니다. 목록에서 앱 이름 Share Preview와 앱 ID com.rafaelmardojai.SharePreview를 대조하세요. Flathub에는 Free와 Linux x86_64·aarch64가 표시되며, GNOME 제품 페이지의 최신 버전 표시는 1.0.0입니다. 같은 이름의 브라우저 확장이나 웹 서비스를 임의로 찾기보다 이 공식 앱 ID를 확인하는 것이 안전합니다.
Linux 배포판에 Flatpak이 없다면 Flathub Setup에서 해당 배포판의 준비 방법을 먼저 확인합니다. .flatpakref 파일은 앱을 설치할 때 Flathub 저장소를 가리키는 참조 파일이며 앱 전체가 들어 있는 오프라인 묶음은 아닙니다. 설치 창에서 앱 이름과 ID를 확인하고 진행하면 실제 앱과 필요한 런타임을 인터넷에서 받습니다. 설치가 끝나면 앱 목록에서 Share Preview를 엽니다.
설치 파일을 눌렀는데 텍스트처럼 표시되거나 앱이 바로 실행되지 않더라도 파일 이름만 바꾸지 마세요. Flatpak과 Flathub가 연결되었는지 살펴보고, 설치를 마친 뒤 앱 목록에 프로그램이 나타났는지 확인합니다. 컴퓨터의 아키텍처가 표시된 범위와 다르면 해당 공식 파일로 설치할 수 없을 수 있습니다. 이 글의 다운로드 경로는 Linux용이며 Windows 설치 파일을 제공한다고 주장하지 않습니다.
- Linux와 CPU 아키텍처를 Flathub의 지원 범위와 대조합니다.
- Flatpak과 Flathub 저장소를 준비합니다.
- 설치 화면의 Share Preview 앱 ID를 확인하고 완료합니다.
URL을 입력하고 공유 카드의 제목·이미지 확인하기
프로그램을 열고 확인할 웹페이지의 전체 주소를 준비합니다. 공식 첫 화면의 예시처럼 위쪽 입력 칸에 https://로 시작하는 URL을 넣고 오른쪽 화살표로 조회하세요. 왼쪽 메뉴에는 Twitter가 선택된 모습이 보입니다. 다른 플랫폼을 확인하려면 실제 설치 화면에 있는 선택지를 확인하고 해당 항목을 고르세요. 공식 자료에서 모든 플랫폼 목록이 확인되지 않으므로 지원 범위를 미리 단정하지 않는 편이 정확합니다.
조회 뒤 큰 카드에 어떤 이미지가 뜨는지 먼저 살펴봅니다. 이미지가 기대한 대표 이미지인지, 잘리거나 빈칸으로 보이지 않는지 확인하세요. 이어 제목이 공유할 글의 내용을 제대로 말하는지, 설명이 오래된 문구나 문장 중간에서 끊긴 모습은 아닌지 확인합니다. 마지막으로 카드 아래 도메인이 공유하려던 웹사이트와 일치하는지 살펴봅니다. 이 네 가지가 맞으면 게시 전에 기본적인 미리보기 점검을 마친 셈입니다.
예를 들어 새 글을 올렸는데 이전 글의 사진이 카드에 나타난다면 URL을 잘못 넣었는지 먼저 확인한 뒤 메타데이터와 수집 기록을 살펴보세요. 검색 결과의 제목이나 브라우저 탭 제목과 카드 제목은 같은 자료라고 보장할 수 없습니다. 실제 카드에 표시된 결과를 보고 원본 페이지가 내보낸 공유용 태그를 확인해야 문제를 좁힐 수 있습니다.
- 확인할 웹페이지의 전체 URL을 입력합니다.
- 원하는 화면 선택지를 확인하고 오른쪽 화살표로 조회합니다.
- 카드 이미지·제목·설명·도메인을 차례로 비교합니다.
View Metadata에서 실제 태그 값 찾아보기
카드에 엉뚱한 내용이 보이면 아래 View Metadata 버튼을 누르세요. 공식 두 번째 화면에는 Metadata와 Body Images 탭, 검색 입력 칸, 각 태그의 이름과 값이 나타납니다. 예시로 twitter:card가 summary_large_image이고 twitter:site가 @GNOME으로 표시됩니다. 이 값은 GNOME 예시 페이지에서 읽힌 것이며 사용자의 사이트에 반드시 있어야 하는 고정값은 아닙니다.
문제가 제목이라면 제목 관련 태그를, 설명이라면 설명 관련 태그를 검색해 읽습니다. 본문 텍스트를 몇 번 고쳐도 카드 설명이 그대로라면 공유용 메타 설명이 별도로 설정되어 있을 수 있습니다. 이미지가 문제라면 이미지 관련 태그와 Body Images에 보이는 항목을 함께 살펴보세요. 다만 본문에 이미지가 있다고 해서 그 이미지가 자동으로 공유 카드에 선택된다고 단정할 수는 없습니다.
값이 비어 있거나 예상과 다른 주소가 적혀 있다면 Share Preview에서 카드를 임의로 덮어쓰기보다 원본 웹페이지의 설정을 고쳐야 합니다. WordPress 등 CMS를 쓴다면 글의 공유 이미지와 설명 설정을, 직접 HTML을 작성한다면 페이지 head의 관련 메타 태그를 확인하세요. 변경 후 원본 페이지가 새 값을 공개하는지 확인한 다음 같은 URL을 다시 조회하면 수정 전후를 비교하기 쉽습니다.
Scraping Log로 카드가 만들어진 과정 읽기
세 번째 공식 화면의 Scraping Log에는 카드를 만들면서 찾은 정보가 문장으로 남습니다. 예시에서는 twitter:title이 없다고 나오지만 og:title은 찾았고, twitter:card의 summary_large_image 값도 읽었다고 표시합니다. 다른 태그가 없더라도 카드의 제목이 나타날 수 있다는 점을 이 화면에서 알 수 있습니다. 카드만 보고 어떤 태그가 쓰였는지 추측하지 말고 로그의 발견 여부를 확인하세요.
로그에는 이미지 URL을 찾고 요구 조건을 충족하는지 검사한 뒤 처리한 기록도 보입니다. 이미지가 빈칸일 때는 단순히 프로그램 화면 문제라고 생각하기보다 이미지 주소가 올바른지, 외부에서 해당 URL로 접근할 수 있는지 살펴보는 단서가 됩니다. 로그의 DEBUG는 단계별 기록이고 INFO는 주요 결과를 알립니다. 화면에 보인 정보가 문제의 원인을 완전히 확정해 주는 것은 아니지만 확인 순서를 정하는 데 유용합니다.
태그를 수정하고 다시 확인할 때는 로그에서 변경된 값이 새로 읽혔는지 먼저 봅니다. 웹페이지의 캐시가 예전 HTML을 돌려준다면 앱에서도 예전 값이 보일 수 있습니다. 원본 페이지의 비실행 HTTP 응답과 메타 태그를 직접 비교해 보는 것도 좋습니다. 공유 플랫폼 자체가 과거 카드를 캐시할 수 있으므로 이 로컬 로그가 성공이라고 해서 실제 게시 화면이 곧바로 바뀌는 것은 아닙니다.
카드 결과와 실제 SNS 표시를 구분하기
Share Preview는 이름처럼 게시 전 미리보기와 점검에 쓰입니다. 앱에서 새 카드가 보인 사실은 원본 페이지가 읽힐 때 필요한 값이 존재한다는 신호가 될 수 있습니다. 하지만 SNS에 올린 뒤 각 플랫폼이 언제 URL을 다시 수집하고 어떤 이미지를 선택할지는 별개입니다. 공식 설명에도 실제 게시나 노출을 대신한다는 말은 없습니다.
수정 전후를 기록할 때는 URL, 카드 제목, 설명, 이미지, 조회 시각을 함께 적어 두세요. 여러 페이지가 같은 대표 이미지를 쓰는지 확인할 때도 각 URL을 따로 조회해야 합니다. 한 페이지의 정상 결과를 근거로 사이트 전체가 정상이라고 판단하기 어렵습니다. 특히 제목과 설명이 같은 문구로 반복되면 공유한 글의 내용을 구분하기 어려우니 페이지별 결과를 읽어 보세요.
카드 확인이 끝난 뒤에는 실제로 공유할 플랫폼에서 해당 링크의 결과를 별도로 확인하세요. 플랫폼 화면이 아직 이전 내용을 보여 주면 원본 페이지가 업데이트되었는지와 플랫폼의 재수집 상태를 따로 구분합니다. Share Preview의 미리보기만으로 검색 노출이나 SNS 확산이 이뤄졌다고 주장할 수 없습니다.
URL·제목·이미지가 기대와 다를 때
조회가 되지 않는다면 주소에 https://가 있는지, 공개 웹페이지가 열리는지, 로그인 없이 접근 가능한지를 먼저 확인하세요. 내부 관리자 주소나 비공개 글을 넣었다면 공유 대상 페이지로 수집하기 어렵습니다. 주소를 고친 뒤 다시 조회하고, 카드가 보이면 그때 내용의 정확성을 판단합니다. 조회 실패와 카드 내용 오류를 나누어 보는 것이 좋습니다.
제목이나 설명이 낡았으면 View Metadata에서 어떤 값이 읽혔는지 확인합니다. 로그에 원하는 태그가 없다고 나오면 원본 페이지의 공유용 태그 설정을 살펴보세요. 로그의 예시처럼 twitter:title이 없어도 og:title이 발견될 수 있으므로 특정 태그 하나가 없다는 문장만 보고 카드가 모두 실패했다고 판단하지 마세요.
이미지가 보이지 않거나 다른 사진이 나오면 이미지 태그가 가리키는 URL과 공개 접근 여부를 확인하고, 원본 페이지에서 변경한 뒤 다시 조회합니다. 카드가 로컬에서 정상으로 바뀌어도 SNS 쪽 캐시가 남을 수 있으므로 게시 화면의 실제 표시를 나중에 따로 확인하세요. 프로그램을 재설치하는 것보다 원본 메타 정보와 읽힌 결과를 먼저 비교하는 편이 문제를 찾는 데 직접적입니다.
자주 묻는 질문
Share Preview는 무료인가요?
네. Flathub의 com.rafaelmardojai.SharePreview 목록은 Free로 표시합니다.
어떤 컴퓨터에서 설치할 수 있나요?
공식 Flathub 목록은 Linux x86_64와 aarch64를 표시합니다. Flatpak도 필요합니다.
공유 카드의 제목과 이미지는 어디서 보나요?
URL을 조회하면 본 화면의 카드에 이미지·제목·설명·도메인이 나타납니다.
카드가 이상하면 어디부터 확인하나요?
View Metadata와 Scraping Log에서 읽힌 태그 값과 발견 여부를 확인하세요.
미리보기와 실제 SNS 결과가 항상 같나요?
아닙니다. SNS별 재수집과 캐시는 별개이므로 실제 게시 화면은 따로 확인해야 합니다.
공유 전 카드와 메타 태그를 함께 확인하세요
Share Preview는 Linux에서 링크를 게시하기 전에 카드의 이미지·제목·설명이 기대한 내용인지 확인하는 무료 프로그램입니다. URL을 넣어 결과를 보고, 이상한 부분이 있으면 View Metadata와 Scraping Log로 어떤 값이 읽혔는지 찾아보세요.
수정은 원본 웹페이지의 공유용 설정에서 하고 같은 URL을 다시 조회해 변화를 비교합니다. 앱의 로컬 미리보기가 정상이더라도 실제 SNS의 캐시와 표시 결과는 별도로 확인해야 합니다.
공식 자료와 확인일
Apps for GNOME Share Preview 기능·버전·공식 화면 · Flathub Share Preview 무료 배포·지원 환경 · Share Preview 제작자 저장소의 용도·라이선스 · Flathub 배포판별 준비 방법 | 2026년 10월 25일
