엄청나게 공들여 쓴 10단계짜리 완벽한 튜토리얼 글이 정작 검색결과에서는 그저 밋밋한 텍스트 두 줄로 뭉개져 보인다면, 독자는 절대 당신의 글을 클릭하지 않습니다.
해결책은 '미리 보기'를 제공하는 겁니다. 독자가 블로그에 들어오기도 전에, 검색결과 창에서 이미 1단계, 2단계, 3단계의 핵심 과정과 사진을 매력적으로 펼쳐서 보여주는 기술. 그게 바로 하우투(HowTo) 구조화된 데이터가 정보성 콘텐츠의 클릭률(CTR)을 기적처럼 끌어올리는 진짜 이유입니다.
친절한 설명충의 비극적인 결말
가까운 지인이 가죽 공예의 기초부터 심화 과정까지 단계별로 알려주는 꽤 전문적인 블로그를 운영합니다. 지갑 하나를 만드는 과정을 무려 15단계로 쪼개서, 아주 상세한 설명과 고화질 사진을 곁들여 포스팅했죠. 글 하나 쓰는 데 꼬박 사흘이 걸렸다고 하더군요. 그런데 애널리틱스를 같이 들여다보니 참혹했습니다. 노출은 꽤 되는데 클릭해서 들어오는 사람이 거의 제로에 가까웠거든요.
사실 지인의 글은 흠잡을 데가 없었습니다. 문제는 포장지였죠. 네이버나 구글 검색창에서 '가죽 지갑 만드는 법'을 검색하면, 다른 대형 플랫폼들의 글은 스니펫에 벌써 '1단계: 가죽 재단하기', '2단계: 타공하기' 같은 순서와 썸네일이 예쁘게 나열되어 나옵니다. 반면 지인의 블로그는 "안녕하세요, 오늘은 가죽 지갑을..." 하는 쓸데없는 서론만 잘려서 덜렁 노출되고 있었습니다. 스크롤을 내리던 사람들의 시선이 어디에 꽂힐지는 불 보듯 뻔하죠. 진짜 허무한 일입니다.
지인은 대기업 블로그들만 저런 특별한 검색결과 창을 지원받는 줄 알고 억울해했습니다. 뭐랄까, 완전한 정보의 비대칭이었죠. 그건 누구나 로봇이 좋아하는 순서도 규칙만 맞춰서 코드를 심어주면 공짜로 얻을 수 있는 쇼윈도 자리였으니까요.
schema.org에서 규정한 HowTo 마크업은 로봇에게 튜토리얼의 뼈대를 떠먹여 주는 작업입니다. 글 전체가 하나의 HowTo 덩어리라면, 그 안의 세부 과정들은 HowToStep이라는 속성으로 꼬리를 물듯 연결됩니다. 두루뭉술한 통글이 아니라, 아주 명확하게 쪼개진 단계별 블록을 로봇의 뇌 구조에 완벽하게 꽂아주는 방식이죠.
복붙으로 끝내는 단계별 가이드 번역
코딩의 'ㅋ' 자도 모르는 지인은 또다시 지레 겁을 먹었습니다. JSON-LD라느니 절대 경로라느니 하는 말들이 외계어처럼 들렸을 테니까요. 하지만 원리를 찬찬히 뜯어보면 생각보다 단순한 노가다 작업에 불과합니다. 빈칸 채우기 게임이죠.
머리 아프게 생각할 것 없이, 아래 형태의 코드를 메모장에 펼쳐놓고 내 포스팅의 진짜 단계와 사진 주소로 내용만 갈아 끼워주면 끝납니다.
"@context": "https://schema.org",
"@type": "HowTo",
"name": "가죽 지갑 만들기 기본 편",
"step": [
{
"@type": "HowToStep",
"url": "https://mysite.com/howto#step1",
"image": {
"@type": "ImageObject",
"url": "https://mysite.com/photos/step1.jpg"
},
"text": "도안에 맞춰 가죽을 정밀하게 재단합니다."
}
]
· text (필수): 해당 단계를 직관적으로 잘 설명할 수 있도록 아주 구체적으로 작성합니다.
· url (선택): 상대 경로(예: /howto)나 단축 URL이 아닌, 반드시 절대 경로(https://...)로 꽉 채워서 입력해야 합니다.
· image (선택): 각 단계를 시각적으로 보여주는 이미지 주소를 넣습니다.
게으름이 불러온 대참사: 이미지의 배신
이렇게 코드를 작성하고 지인은 아주 신이 나서 네이버 검색결과 창만 새로고침을 해댔습니다. 드디어 내 글 밑에도 멋진 단계별 스니펫이 뜨겠지 기대하면서요. 하지만 2주일이 넘도록 결과는 처참했습니다. 화면에는 여전히 서론 텍스트만 덜렁 떠 있었습니다. 네, 또 시원하게 망한 겁니다.
화가 난 지인과 함께 도대체 어느 부분에서 로봇이 코드를 뱉어낸 건지 가이드라인을 이 잡듯 뒤져보기 시작했습니다. 그리고 지인이 귀찮아서 대충 때워버린 아주 치명적인 실수를 하나 발견했죠.
네이버의 엄격한 이미지 가이드라인: 로고 이미지, 기본 이미지, 깨진 이미지를 사용하면 안 됩니다. 특히 이미지 간 중복이 발생해서는 절대 안 되며, 썸네일이 아닌 원본 이미지를 사용해 각 단계를 정확히 나타내야만 검색결과에 반영됩니다.
편법을 버리고 정공법을 택했을 때 벌어진 일
지인은 15단계나 되는 사진 주소를 일일이 복사해서 붙여넣기가 귀찮았습니다. 그래서 자기가 만든 공방 로고 이미지 주소 딱 하나를 복사해서 1단계부터 15단계까지 몽땅 도배를 해버렸던 겁니다. 사람 눈엔 그냥 '아, 로고구나' 하고 넘어갈지 몰라도, 검색엔진 입장에서는 모든 단계가 똑같은 쓰레기 데이터로 꽉 찬 어뷰징 문서에 불과했던 거죠. 편법이 수집 누락을 유발하는 가장 빠른 지름길이었습니다. 게다가 요리 레시피(Recipe) 마크업 하위에 이걸 섞어 쓴 것도 치명적이었죠.
뼈아픈 실패를 겪고 나서야 근본적인 체질 개선에 들어갔습니다. 중복된 로고 이미지를 싹 지웠습니다. 그리고 가죽을 자르고, 구멍을 뚫고, 바느질하는 각 단계별 '진짜 원본 사진'의 절대 경로 URL을 하나하나 정성스럽게 매칭했습니다. 귀찮아도 이게 정답이거든요.
그렇게 코드를 다듬고 얼마 지나지 않아 정말 짜릿한 일이 벌어졌습니다. 누군가 가죽 공예 튜토리얼을 검색하자마자, 대기업 플랫폼들 사이에서 지인의 글이 사진이 곁들여진 완벽한 스텝바이스텝 형태로 노출되기 시작한 겁니다. 검색 사용자는 이제 쓸데없는 텍스트를 읽기 전부터 이 가이드의 퀄리티를 직관적으로 신뢰하게 되었습니다. 신기하게도 그날 이후로 클릭률(CTR)이 미친 듯이 솟구쳤고, 길고 지난한 튜토리얼을 끝까지 정독하고 공방 클래스를 문의하는 진성 고객들이 몰려오기 시작했습니다.
남들 다 하는 기계적인 통글 쓰기만 붙잡고 있는다고 알아서 내 콘텐츠의 전문성을 인정해 주는 낭만적인 시대는 지났습니다. 검색엔진이라는 낯설고 차가운 비서에게 내 지식의 뼈대를 가장 먼저, 그리고 가장 친절하게 쥐여주는 사람. 오직 그 사람만이 클릭을 독점하고 비즈니스의 진짜 성과를 만들어낼 자격을 얻습니다. 지금 당장 뭉개져 있는 내 블로그의 튜토리얼 글에 명확한 단계를 입혀보세요.