일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- c++
- es6
- DRF
- 알고리즘
- AWS
- django ORM
- 백준
- CSS
- Baekjoon
- HTML
- javascript
- Git
- MAC
- Algorithm
- 알고리즘 문제
- django widget
- js
- 장고
- Django
- web
- react
- form
- 알고리즘 풀이
- 파이썬 알고리즘
- 파이썬
- API
- PYTHON
- 알고리즘 연습
- django rest framework
- java
Archives
- Today
- Total
목록Open Graph 의 종류 (1)
수학과의 좌충우돌 프로그래밍
[SEO] Open Graph, 소셜 검색엔진최적화 메타태그
Open Graph 카카오톡에서 어느 사이트의 주소를 보내면 해당 사이트에 대한 미리보기 화면이 나옵니다. 아마 의식하지는 않았지만 다들 한 번 쯤 보셨을 꺼라고 생각합니다. 위 이미지는 제 블로그를 카카오톡으로 보냈을 때 나오는 모습입니다. 대표 이미지, 콘텐츠의 제목, 내용, url 등의 내용을 담고 있습니다. 사용자가 클릭하기 이전에 크롤러가 해당 페이지를 미리 방문하여 head 에 meta 태그에서 정보를 크롤링하여 미리보기 화면을 생성합니다. 다음과 같은 미리보기가 깨져있거나 이상한 내용, 웹사이트에 맞지 않은 내용이라면 그 만큼 사용자들에 접근도 떨어질 것입니다. 그렇기 때문에 SEO 를 설정하는데 있어서도 Open Graph 를 설정하는 것은 중요합니다. Open Graph의 종류 open ..
웹프로그래밍/SEO
2019. 9. 20. 17:05