구글애드센스승인2 blockquote 스타일링 (border-left, 가상 요소, 의미론적 마크업) blockquote에 CSS 한 줄을 추가했을 뿐인데, 독자 반응이 달라졌습니다. 인용구인지 본문인지 헷갈린다는 피드백을 받고 나서야 시각적 구분이 글 읽기에 얼마나 직접적인 영향을 주는지 실감했습니다. 스타일링이 단순한 꾸밈이 아니라 정보 전달의 문제라는 걸, 저는 그날 처음으로 제대로 이해했습니다.border-left와 가상 요소로 인용구를 눈에 띄게 만드는 법글 안에서 전문가 발언을 인용했는데 "그게 인용인지 본문인지 헷갈렸다"는 독자 반응을 받은 게 계기였습니다. 여러분도 블로그에 인용구를 넣어봤다가 그냥 밋밋하게 흘러가버린 경험 한 번쯤 있지 않으신가요? 저는 그날 이후 브라우저 기본 스타일에서 벗어나기로 했습니다.제일 먼저 시도한 게 border-left였습니다. border-left란 요소의.. 2026. 4. 27. 블로그 이미지 최적화 (alt 텍스트, WebP 변환, lazy loading) 솔직히 저는 블로그 이미지가 SEO에 이렇게 큰 영향을 줄 줄 몰랐습니다. 키워드 배치에 공들이고, 내부링크 구조도 꼼꼼히 짰는데 검색 노출이 기대만큼 오르지 않았습니다. 결국 문제는 제가 신경도 쓰지 않던 이미지였습니다. 직접 겪어보고 나서야, 이미지 최적화가 선택이 아니라 기본기라는 걸 뼈저리게 느꼈습니다.alt 텍스트와 파일명, 구글 로봇이 읽는 것들처음에 저는 이미지를 올릴 때 alt 속성을 거의 비워뒀습니다. 귀찮기도 했고, 솔직히 그게 뭔 차이를 만드나 싶었습니다. 그런데 alt 속성(Alternative Text)이란 이미지를 눈으로 볼 수 없는 환경, 즉 구글 크롤러나 스크린 리더가 이미지를 인식하기 위해 읽는 텍스트 정보입니다. 구글 봇은 이미지를 시각적으로 판단하지 못하고 alt 텍스트.. 2026. 4. 6. 이전 1 다음
