티스토리 블로그를 통해 SEO와 GA4를 실습할 수 있습니다. 윅스나 워드프레스 같은 유명한 CMS 툴도 있지만 티스토리를 사용하는 이유가 있습니다. 카카오 계정만 있으면 누구나 무료로 만들 수 있고, 간단한 코드 변경을 통해 SEO와 GA4의 원리를 쉽게 이해할 수 있기 때문입니다. 티스토리로 배울게 별로 없다고 생각할 수 있지만, 국내에서 애버랜드, 갤러리아, 기업 은행, 더 현대와 같은 기업들의 블로그 페이지도 티스토리로 구성되어 있어 꽤나 완성도 있는 사이트를 만들어 볼 수 있습니다. 그럼 시작해 보도록 하겠습니다.
구글에서 티스토리를 검색하고 티스토리 사이트에 접속합니다.
오른쪽 상단의 '시작하기' 버튼을 클릭하고, 카카오톡 계정으로 로그인 합니다.
2. 블로그 이름과 주소 정하기
블로그 이름과 주소를 정합니다.
이름과 주소는 검색엔진최적화(SEO) 사항에 포함되니 제품과 관련된 이름으로 하면 좋습니다.
3. 스킨을 포트폴리오로 선택해 줍니다.
기업형 블로그와 가장 유사한 'Book Club'스킨을 선택합니다.
그럼 아래 주소와 같이 여러분의 티스토리 블로그 생성이 완료되었습니다.
생성된 주소를 나에게 보내는 카톡방에 올리면 아래와 같이 비어있는 티스토리 이미지와 함께 가는걸 볼 수 있습니다.
여기서 첫번째 SEO 지식이 나옵니다.
바로 OG tag(오픈 그래프 태그)입니다. 오픈 그래프 태그는 웹페이지가 소셜 미디어 혹은 어딘가에 공유될 때 콘텐츠의 미리 보기(프리뷰)를 보여주는 형식 이라고 보시면 됩니다. 위 사진을 보시면 링크와 함께 공유된 이미지는 OG image, 같이 공유된 제목은 OG title 태그 라고 부릅니다.
이제는 마케팅의 한 도구로서 공유 이미지(오픈 태그)들이 사용 되고 있습니다. 새롭게 만든 블로그 사이트의 대표 이미지와 타이틀을 바꿔보겠습니다.
4. 블로그의 대표 이미지와 제목 설명 바꾸기
이제 검색 결과 화면, 혹은 사이트 공유시 보여지는 대표 사이트 설정을 해보겠습니다.
대상은 아래에 있는, 타이틀, 설명, 대표 이미지, 파비콘입니다.
사이트 기본 SEO 설정 5가지
이미지 생성 : 이미지는 800*400 사이즈로 준비해 줍니다. 미리캔버스나 캔바를 사용하면 정해진 사이즈로 쉽게 생성할 수 있습니다. 이미지는 플랫폼 별로 지원하는 사이즈가 상이하기에 중간에 보여줄 정보를 모아서 만드는 것을 추천드립니다. 플랫폼별 권장 사이즈는 아래와 같습니다.
구분 | 가로 | 세로 |
카카오톡 | 800 | 400 |
트위터 | 1200 | 630 |
인스타그램 | 320 | 320 |
페이스북 | 600 | 315 |
2. 블로그 이름
블로그 이름은 카카오톡 메시지 처럼 플랫폼에 공유 될 때도 사용되지만 웹 상에 노출되는 이름으로 사용되기도 합니다. 이를 '페이지 타이틀' 이라 합니다.
3. 블로그 닉네임
블로그를 부르는 최소 단위의 이름입니다. 페이지 카테고리가 나뉘면 아래와 같이 공통 이름으로 들어가게 됩니다.
마켓피디아 | 방명록
마켓피디아 | 블로그
마켓피디아 | 회원가입
4. 블로그 설명
검색 결과, 혹은 플랫폼에 공유시 제목 밑에 설명글로 사용됩니다.
5. 파비콘 및 아이콘 제작 하는 법
브라우져 창, 검색결과에 조그마한 이미지로 활용됩니다. 정사각형 로고 이미지를 만들어 파비콘 제작 사이트에서 제작하실 수 있습니다.
해당 사이트에 들어가서 정사각형의 로고를 넣습니다.
로고를 넣고 'Create Favicon' 버튼을 누르면 여러 사이즈의 아이콘 파일을 받을 수 있습니다.
블로그 대표 설정에서 아이콘에는 64사이즈의 이미지를, 파비콘에는 'ico' 확장자로 끝나는 파일을 업로드 해주면 위와 같이 설정이 완료되는걸 볼 수 있습니다.
설정이 완료되었다면 '변경사항 저장' 버튼을 눌러줍니다.
SEO 변경사항 확인
변경 사항을 확인하기 위해 카톡을 보내면 누군가는 적용 되고, 누구는 적용 되지 않았을 겁니다. 카톡과 같은 플랫폼은 특정 페이지 별로 정보 가져오는 주기가 정해져 있기 때문입니다. 카카오톡에 몇시간 뒤에 테스트 해보면 정상적으로 새롭게 적용시킨 이미지와 타이틀이 링크와 함께 전달 되는걸 볼 수 있을 겁니다.
바로 확인하고 싶다면, 다른 플랫폼에 다시 블로그 주소를 공유해 보면 됩니다.
노션에 링크를 붙여넣고 'create embark'를 선택하면 아래와 같은 링크 설명 카드가 생성 되는걸 보실 수 있습니다.
그럼 SEO 실습 - 사이트 생성 및 기본 설정을 완료하였습니다.
다음 장에서는 SEO의 작업 대상인 타이틀과 디스크립션 제목(헤딩) 태그에 대해 알아보겠습니다.
Commentaires