저는 블로그를 꽤 오래 운영하면서도 검색 결과에 뜨는 설명 줄이 어디서 오는지 몰랐습니다. 구글이 알아서 본문에서 적당히 뽑아주는 줄만 알았는데, 어느 날 제 글을 직접 검색해보고 나서 생각이 완전히 바뀌었습니다. 설명 줄에 본문 중간의 접속사 덩어리가 그대로 나와 있었고, 그 글이 무슨 내용인지 전혀 알 수 없었습니다. 그때부터 메타 태그를 직접 챙기기 시작했습니다.
이 경험이 충격이었던 이유는, 내가 아무리 잘 쓴 글이라도 검색 결과 화면에서 첫인상이 엉망이면 클릭 자체가 일어나지 않는다는 걸 깨달았기 때문입니다. SEO는 검색 결과 페이지의 순위만 올리는 게 아닙니다. 그 순위에 올라간 내 글이 클릭받을 수 있는 형태인지까지 관리하는 게 SEO입니다. 메타 태그는 그 마지막 관문입니다.
지금 생각하면 당연한 이야기인데, 처음엔 정말 몰랐습니다. "잘 쓰면 알아서 노출된다"는 막연한 믿음이 있었던 것 같습니다. 그런데 검색 결과 화면에서 내 글이 어떻게 보이는지, 그게 클릭을 유도하는지 아닌지를 관리하지 않으면 아무리 좋은 콘텐츠도 묻힙니다. 순위에 올라가 있어도 클릭이 없으면 결국 없는 것과 마찬가지니까요.
검색 결과를 바꾸는 meta title과 meta description
혹시 내 블로그 글을 직접 검색해서 결과 화면을 유심히 본 적 있으신가요? 파란 제목과 그 아래 설명 줄, 이 두 가지가 독자가 클릭할지 말지를 결정합니다. 그런데 이걸 직접 설정하지 않으면 구글이 본문에서 임의로 발췌합니다. 제 경험상 이게 생각보다 훨씬 엉뚱한 문장을 가져옵니다.
meta title(메타 타이틀)이란 검색 결과 화면에 파란 글씨로 표시되는 글의 제목을 말합니다. 단순히 글 제목과 같다고 생각하기 쉬운데, 검색 엔진이 별도로 읽는 HTML 태그 값이라 직접 관리하지 않으면 원하는 대로 표시되지 않을 수 있습니다. 권장 길이는 60자 이내이고, 핵심 키워드를 앞쪽에 배치해야 검색 결과에서 잘리지 않고 온전히 보입니다. 저도 title을 60자 기준으로 앞에 키워드를 배치하는 방식으로 바꾸고 나서야, 검색 화면에서 제목이 중간에 끊기지 않는 걸 처음 확인했습니다. 왜 진작 이걸 안 했나 싶었습니다.
meta description(메타 디스크립션)은 검색 결과에서 파란 제목 바로 아래에 나오는 두세 줄짜리 설명입니다. 쉽게 말해 독자에게 "이 글에서 당신이 얻을 것"을 한눈에 보여주는 광고 문구입니다. 150자 내외가 적당하고, 독자가 구체적으로 무엇을 얻을 수 있는지를 담아야 클릭률이 올라갑니다. 티스토리 기준으로는 글 작성 화면 우측의 '검색 설명' 항목에서 직접 입력할 수 있습니다.
제가 직접 써봤는데, 이 항목을 채우기 시작한 이후로 검색 결과에서 설명 줄이 제 의도대로 표시되기 시작했습니다. 그 전까지는 구글이 알아서 좋은 설명을 뽑아줄 거라고 막연히 믿고 있었는데, 실제로는 그렇지 않다는 걸 직접 확인하게 됐습니다.
한 가지 짚고 싶은 건, description을 단순히 본문 첫 두 줄을 복붙하는 식으로 채우는 경우를 많이 봤다는 겁니다. 이건 형식만 갖춘 것이지, 실제로 클릭률에 도움이 되는 description이 아닙니다. "이 글에서 독자가 얻는 게 무엇인가"를 명확히 한 문장으로 정리하는 게 목표여야 합니다. 그게 어렵다면 그 글이 독자에게 무엇을 주는 글인지 아직 정리가 안 됐다는 신호이기도 합니다. 저도 description을 쓰다가 막힐 때 그 글의 핵심이 뭔지 다시 생각하게 되는 경험을 여러 번 했습니다.
참고로 키워드 메타 태그(meta keywords)라는 항목도 존재하는데, 구글은 현재 이를 거의 무시합니다. 그러니 meta keywords에 시간을 쏟기보다 title과 description을 제대로 쓰는 데 집중하는 것이 훨씬 효율적입니다.
메타 태그를 직접 챙길 때 신경 써야 할 핵심 포인트는 이렇습니다. meta title은 60자 이내로 핵심 키워드를 앞쪽에 배치합니다. meta description은 150자 내외로 독자가 얻을 내용을 구체적으로 기술합니다. meta keywords는 구글이 무시하므로 우선순위에서 제외합니다. 티스토리는 '검색 설명' 항목에서 description을 직접 입력할 수 있습니다.
SNS 공유 미리보기를 결정하는 OG 태그
그렇다면 카카오톡이나 페이스북에 링크를 공유할 때 뜨는 미리보기 카드는 어디서 오는 걸까요? 이건 meta description과는 별개입니다. OG 태그(Open Graph Tag)가 따로 있어야 합니다.
OG 태그란 SNS 플랫폼이 웹 페이지의 내용을 미리보기 카드 형태로 표시할 때 참조하는 HTML 메타 태그입니다. 페이스북이 처음 개발한 프로토콜로, 현재는 카카오톡, 트위터, 슬랙 등 대부분의 플랫폼이 이 규격을 따릅니다. 핵심 속성은 세 가지입니다. og:title은 공유 카드에 표시되는 제목, og:description은 카드 아래 설명 줄, og:image는 썸네일 이미지를 결정합니다. 이 세 가지가 없으면 공유 시 링크만 텍스트로 달랑 뜨거나, 엉뚱한 이미지가 붙어서 나옵니다.
제가 직접 확인해봤는데, 티스토리 스킨의 HTML을 열어보니 OG 태그 자체가 아예 없었습니다. 그때 처음으로 스킨 코드에 og:title, og:description, og:image 태그를 직접 추가했습니다. 그러고 나서 카카오톡으로 제 글 링크를 공유했더니 썸네일과 제목, 설명이 제대로 붙은 미리보기 카드가 처음으로 뜨더군요. 솔직히 이건 예상 밖이었습니다. 그전까지는 미리보기 카드가 원래 이렇게 불안정한 거라고 생각했으니까요.
여기서 한 가지 비판적인 시각을 더하고 싶습니다. 대부분의 SEO 가이드는 검색 결과에 집중하면서 SNS 공유 최적화를 별개의 주제로 다룹니다. 하지만 실제로 블로그 유입 경로를 보면 SNS 공유에서 오는 트래픽이 생각보다 큽니다. OG 태그가 없거나 잘못 설정된 상태에서 콘텐츠를 공유하면, 아무리 좋은 글이라도 클릭을 유발하는 카드로 보이지 않습니다. 검색과 SNS를 함께 관리하는 관점이 필요합니다. 어느 한쪽만 신경 쓰면 반쪽짜리 최적화입니다.
메타 태그를 단순히 SEO 체크리스트의 항목 하나로만 접근하면 형식적으로 채우는 데 그치기 쉽습니다. description을 직접 쓰는 과정이 사실 그 포스팅의 핵심을 한 문장으로 정리하는 훈련입니다. 글을 다 쓰고 나서 요약을 만드는 것보다, 글 쓰기 전에 description 초안을 먼저 잡아두면 글의 방향이 흔들리지 않습니다. 저는 지금도 포스팅을 시작하기 전에 description부터 초안을 잡아놓고 씁니다. 그렇게 하면 글이 산으로 가지 않습니다.
결국 메타 태그 설정은 검색 최적화를 넘어 글쓰기 습관 자체를 다듬는 계기가 될 수 있습니다. 지금 당장 내 블로그 글 하나를 직접 검색해서 설명 줄이 어떻게 나오는지 확인해 보시길 권합니다. 생각지도 못한 문장이 나와 있을 가능성이 꽤 높습니다.