검색엔진에 친화적으로 페이지를 만드는 방법은 인터넷에 많은데, 반대는 없는거 같아서 SEO를 내팽겨친 페이지 만드는 방법에 대해 작성해보겠습니다.
이미지로 도배하세요
이쁜 버튼이요? 사진인데요?
디자이너로부터 디자인된 버튼을 받았는데 어떻기 구현하냐고요? 그냥 캡처해 넣고 Onclick 이벤트만 추가하면 됩니다. 이렇게 간단한 걸 요소와 클래스 몇개를 만들어 만든다고요? 왜죠?
내용이요? 사진인데요?
한 페이지에 내용이 다 이미지라고요? 너무 좋습니다. 웹폰트로 변환하고 클라이언트에게 배포하는 작업 없이도 모두에게 같은 폰트, 같은 문단으로 내용을 보여줄 수 있겠네요.
Alt태그는 비우자
Alt태그는 검색엔진이 이미지의 의도를 파악하는데 사용하는 데이터이죠. 우리가 이미지를 넣을 때 마다 로봇을 위해 우리가 귀찮은 일을 해야 할까요? 사람이 보고 알아들으면 끝이죠.
글자 크기는 제목 태그로 조절하세요
왜 제목태그를 제목을 적어넣기 위해서만 사용하시나요? h1 부터 h6 까지 다양한 글자 크기로 나누어진 태그가 이미 정해져 있습니다. 원하는 글자크기가 있으면 해당 태그로 글을 감싸기만 하면 됩니다! 뭐 하러 태그로 감싸고 ID를 지정하고 CSS를 수정합니까?
난해한 URL을 사용하세요
누가 URL에 신경을 쓰기나 할까요? 다른 문서와 겹치지 않도록 아무 키보드나 눌러서 만드세요. 같은 URL을 가진 문서가 두개 생기는 것 만큼 골치아픈 일이 없겠죠. 아니면 zip.obtuse.kr에서 html문서를 압축해 url에 데이터를 담아주는 서비스도 제공하고 있어요. 누구나 쉽게 난해한 URL로 웹 페이지를 배포할 수 있어요. 자세한 사용법은 이 글을 참고하세요.
URL에 계층따윈 없습니다
당신이 원하는 만큼 /(슬래쉬) 를 남발하여 URL을 만드세요. 누가 주소 일부를 지워 상위로 이동하려고 할까요? 대부분 화면에 나타난 버튼만 사용한답니다.
Javascript를 사용해 렌더하세요
자바스크립트는 웹의 발전에 크게 기여했습니다. 자바스크립트가 있음으로써 프론트엔드에서 프로그래밍이 가능하게 되었지요. 그럼 우리는 이 자바스크립트를 적극적으로 활용하는것이 좋겠군요. 그렇다면, 자바스크립트를 활성화하지 않으면 전혀 로드되지 않는 페이지는 어떤가요? 정말 멋지지 않나요? React의 Client side render를 사용하는 것도 좋고, document.write() 도 좋습니다. 자바스크립트 안에 HTML을 꽁꽁 숨겨보세요. 검색엔진으로부터 내용을 지켜낼 수 있을거에요.
레이아웃은 absolute로
position: absolute를 사용해 기준점으로부터 알마만큼 떨어져야 하는지 작성해 레이아웃을 구성하세요. 여러분이 익숙한 포토샵과 파워포인트 같은 툴 다루듯 드래그해서 너무 쉽게 요소의 위치를 지정할 수 있죠. 그냥 항상 지정된 위치에 항상 요소가 있으니 얼마나 편리한가요?
글은 Body에 줄바꿈은 br로
번거롭게 뭐 하러 p태그를 양쪽으로 열고 닫으며 글을 작성합니까? 그냥 body 아래에 내용을 적어넣고 필요할 때 마다 br태그로 줄바꿈 하면 누구나 아주 손쉽게 웹페이지 하나쯤은 뚝딱 만들어 낼 수 있습니다. 어차피 인간이 보면 똑같이 보입니다. 로봇이 제멋대로 해석해도 여러분이 관여할 바는 아닙니다.
마무리
여러분들이 이제 이 방법대로 웹문서를 작성하여 게시하면 검색엔진이 내용을 제대로 파악하지도 못하고 지나칠 겁니다. 구글 검색 상위권에 뜰 일은 더더욱 없겠네요. 축하합니다. 목적을 달성했습니다.
답글 남기기