티스토리 블로그 실시간 최적화 분석 및 인증 에디터 프로그램
글을 분석하고 SEO 문제점을 실시간으로 조언하는 최신 플러그인. H태그, 키워드 밀도, 이미지 Alt 체크, 휴먼 라이팅 인증까지, 블로그 운영자에게 최적화된 글쓰기 경험을 제공합니다.
블로거에게 에디터는 전쟁터와 같습니다. 워드프레스와 같은 플랫폼은 이미 다양한 에디터 플러그인을 제공하며, 이를 활용하면 블로그 콘텐츠 제작에 많은 도움을 받을 수 있습니다. 그러나 티스토리 블로그 등 국내 블로그 에디터는 과거 형태를 그대로 유지하고 있습니다.
이러한 문제를 해결하기 위해 직접 블로그 에디터 플러그인을 제작했습니다. 티스토리 기본 에디터는 글자 수 확인조차 번거롭고, 내가 쓴 글이 검색엔진 SEO에 적합한지 실시간으로 판단해 주지 않습니다.
많은 블로거들이 외부 메모장이나 별도의 SEO 툴을 사용하지만, 이는 글 작성 흐름을 끊고 생산성을 저하시킵니다. 그래서 직접 만들었습니다. SEO & AUTH PRO는 에디터 내부에서 실시간으로 모든 것을 해결할 수 있습니다.
이번 글에서는 티스토리 블로그 운영자들이 콘텐츠를 제작할 때 보다 쉽고 편리하게 검색 최적화를 점검하고, 자신이 작성한 글의 전체 구조를 한눈에 파악할 수 있도록 돕는 크롬 확장 프로그램을 소개합니다.
검색엔진 SEO가 사랑하는 글쓰기 전략
이 프로그램의 주요 특징과 역할입니다.
1. 키워드 밀도를 하이라이트로 쉽게 파악하기
검색엔진은 특정 키워드가 너무 과도하게 반복되는 ‘키워드 스태핑(Keyword Stuffing)’을 스팸으로 간주합니다. 반대로 너무 적으면 주제 파악이 어렵습니다.
- 이상적인 밀도: 전체 글자 수 대비 1~2% 혹은 1,000자당 3~5회.
- v2.8.6의 해법: 핵심 키워드를 입력하면 본문 내 위치를 빨간색 하이라이트로 표시하여 시각적 분포를 즉시 확인하게 합니다.
2. 구조화된 데이터: H태그(Heading Tags)
H1, H2, H3 태그의 논리적 구조는 검색 엔진 봇이 글의 뼈대를 이해하는 핵심 지표입니다.
- H1: 포스팅 당 단 하나(제목).
- H2/H3: 소주제와 세부 지침.
- v2.8.6의 해법: 에디터 우측에 현재 사용된 H태그 개수를 실시간 카운팅하여 구조적 결함을 방지합니다.
SEO 와 AUTH PRO 핵심 기능 상세 소개
1. 키워드까지 완벽 지원하는 실시간 하이라이트
본 프로그램은 정규표현식(RegExp)과 TreeWalker API를 조합하여 핵심 키워드도 정확하게 찾아내어 강조합니다.
2. 이미지 Alt 태그(대체 텍스트) 누락 방지
시각 장애인을 위한 접근성이자 검색 이미지 검색 노출의 핵심인 Alt 태그 누락을 방지합니다. 특히 티스토리 이미지 구조는 분석하기 매우 까다롭습니다.
- 기술적 구현: HTML 원문 내의 치환자 파편을 분석하고, JSON.parse와 유사한 정규식 추출 방식을 도입하여 Alt 태그가 누락된 이미지를 정확히 추적합니다.
3. 휴먼 라이팅 인증 (Human Written Verified)
AI 글쓰기가 범람하는 시대에 ‘진짜 사람이 썼는가’는 신뢰의 척도입니다. 기존에 배포한 인증마크 코드를 추가했습니다.
- 누적 타수(Keystrokes): 실제 키보드 입력 횟수를 기록.
- 집필 시간: 단순 창을 띄워놓은 시간이 아닌, 실제 타이핑이 일어난 유효 시간만 측정.
- 인증 이미지 생성: Canvas API를 활용하여 이 모든 수치를 멋진 인증서 형태로 생성하고 클립보드에 자동 복사합니다.
개발자를 위한 기술적 분석
1. Iframe 장벽을 넘어서는 DOM 탐색
티스토리 에디터는 보안상의 이유로 iframe 내부에 본문을 담습니다. 일반적인 document.querySelector로는 접근이 불가능합니다.
- 해결책: 모든 iframe을 순회하며 contentDocument를 확보하고, 그 내부의 body를 실시간 트래킹하는 setInterval 로직을 구현했습니다.
2. 저장 시 데이터 오염 방지 (Clean Sync 로직)
사용자에게는 빨간색으로 보이지만, 실제 저장될 때는 깨끗한 본문이어야 합니다.
- Dirty Checking 제거: 하이라이트 제거 버튼 클릭 시 모든 커스텀 span 태그를 제거하고 normalize() 함수를 통해 쪼개진 텍스트 노드를 하나로 합칩니다.
- Event Dispatch: 티스토리 엔진이 변경 사항을 감지하도록 input 이벤트를 강제로 발생시키는 고난도 기술이 적용되었습니다.
실제 활용 및 SEO 체크하기
- 키워드 설정: 글을 다 작성 후 마지막에 타겟 키워드(예: ‘비트코인’)를 설정합니다.
- 실시간 모니터링: 글을 쓰면서 우측 사이드바의 글자 수(2,000자 이상 권장)와 키워드 빈도(5~8회 권장)를 확인합니다.
- H태그 배치: 소주제가 바뀔 때마다 H2 태그 카운트가 올라가는지 확인하며 논리적 흐름을 잡습니다.
- 이미지 최적화: 사진을 넣은 후 Alt 태그를 입력하지 않으면 뜨는 ‘⚠ 누락됨’ 메시지를 보고 즉시 수정합니다.
- 품질 검사: 오타나 무의미한 모음 반복(ㅏㅏㅏ)이 발견되면 빨간 불이 들어오므로 신속히 수정하여 글의 전문성을 높입니다.
생산성이 곧 수익이다
SEO에 맞게 글을 작성하는 것은 때로 고통스러운 과정일 수 있습니다. 하지만 위 프로그램과 같은 도구를 활용하면, 블로거는 뇌 에너지를 오직 콘텐츠의 질 향상에만 집중할 수 있습니다.
다음 글에서 소개할 프로그램은 업그레이드된 최신 버전의 AI 기반 에디터 SEO 플러그인입니다. 새 버전에는 AI 기능이 접목되어, 내가 작성한 글을 실시간으로 분석하고 SEO 문제점을 찾아 조언하며, 필요한 수정까지 가능하게 되었습니다. 많은 기대 바랍니다.
현재 프로그램은 이미 제작이 완료되었지만, 실제 배포는 다음 글에서 진행할 예정입니다.
위에 프로그램은 아래 파일을 다운 받아 설치 하시면 됩니다 설치 방법은 이 링크를 참고하세요!
seo-auth-pro-v2.8.zip
0.01MB