목록웹프로그래밍/SEO (5)

수학과의 좌충우돌 프로그래밍

[SEO] JSON-LD, 구조화된 데이터 추가

구글 검색을 하다보면 검색 결과에 위 이미지와 같이 평점과 리뷰 등이 나오는 걸 볼 수 있습니다. 검색 결과에 위와 같은 내용을 노출시킨다면 사용자로 하여금 신뢰도를 얻을 수 있고 더 높은 클릭 수를 부를 수 있을 겁니다. 이를 위해서는 스키마 마크업을 이용하여 Structed Data 를 웹페이지에 넣어야 합니다. 우리의 웹페이지는 html 로 이루어져 있습니다. html 은 데이터와 그 형식을 표시해줄 뿐, 데이터가 어떤 데이터인지는 알지 못합니다. 그저 텍스트로만 인식하는 거지 텍스트가 사람이름인지, 건물의 이름인지 등을 구분하지 못한다는 소리죠. 이를 구분해주기 위해 스키마 마크업이 필요한 것이죠. 스키마 (Schema) 란? 데이터의 데이터 라는 의미입니다. 해당 데이터가 어떤 데이터인지 설명해..

웹프로그래밍/SEO 2019. 11. 12. 17:00
[SEO] 모바일 최적화

스마트폰이 보급되면서 웹페이지도 많은 부분이 바뀌었습니다. 웹페이지를 스마트폰에서도 볼 수 있도록 반응형으로 제작하여야 하는 아주 큰 이슈가 생겼죠. 그리고 2015년 모바일 검색이 오히려 데스크탑 검색을 넘어서면서 모바일에 대한 대체가 상당히 중요해졌습니다. 구글 역시도 모바일을 중요시 여겨, 모바일에 대응할 수 있는 사이트에 높은 점수를 주기 시작했습니다. 따라서 SEO 를 하기위해서 모바일 최적화는 빼놓을 수 없습니다. 모바일 최적화 확인 다음 사이트에서 웹페이지가 모바일에 최적화가 되어있는지 확인할 수 있습니다. google search console 모바일 최적화 확인 페이지가 모바일 친화적이라면 다음과 같이 초록색 글씨로 친화적임을 표시해줍니다. 모바일 최적화를 위한 방법 모바일 최적화를 위해..

웹프로그래밍/SEO 2019. 10. 14. 00:12
[SEO] Open Graph, 소셜 검색엔진최적화 메타태그

Open Graph 카카오톡에서 어느 사이트의 주소를 보내면 해당 사이트에 대한 미리보기 화면이 나옵니다. 아마 의식하지는 않았지만 다들 한 번 쯤 보셨을 꺼라고 생각합니다. 위 이미지는 제 블로그를 카카오톡으로 보냈을 때 나오는 모습입니다. 대표 이미지, 콘텐츠의 제목, 내용, url 등의 내용을 담고 있습니다. 사용자가 클릭하기 이전에 크롤러가 해당 페이지를 미리 방문하여 head 에 meta 태그에서 정보를 크롤링하여 미리보기 화면을 생성합니다. 다음과 같은 미리보기가 깨져있거나 이상한 내용, 웹사이트에 맞지 않은 내용이라면 그 만큼 사용자들에 접근도 떨어질 것입니다. 그렇기 때문에 SEO 를 설정하는데 있어서도 Open Graph 를 설정하는 것은 중요합니다. Open Graph의 종류 open ..

웹프로그래밍/SEO 2019. 9. 20. 17:05
[SEO] meta 태그의 종류와 그 역할

head 태그 안에는 여러 종류의 태그가 있습니다. 제목을 표시하는 title 태그도 있고 css 를 연결하는 link 태그도 있습니다. 그리고 많은 사람들이 무엇인지 자세히 모르고 넘어가는 meta 도 있습니다. meta 태그는 그 종류에 따라서 다양한 역할을 수행합니다. 이에 대해서 알아보도록 하겠습니다. charset charset 은 html 파일을 어떤 방식으로 인코딩할지 설정할 수 있습니다. 일반적으로 UTF-8 로 지정하며, Universal Coded Character Set + Transformation Format – 8-bit 의 줄임말입니다. 모든 유니코드 문자를 표현할 수 있어 현재 html5 도 이 방식을 채택하고 있기에 특별한 경우가 아니면 이 방식으로 인코딩하게 됩니다. vi..

웹프로그래밍/SEO 2019. 9. 13. 00:17