React
메타테그란?
jennyiscoding
2022. 11. 15. 16:24
메타 테그는 해당 문서에 대한 정보인 메타데이터를 정의할 때 사용한다.
1. 키워드
<meta name="keyword" content="HTML, meta, tag, element, reference">
2. 페이지에 대한 설명
<meta name="description" content="HTML meta tag page">
3. 문서의 저자
<meta name="author" content="TCPSchool">
4. 5초 뒤에 다른 페이지로 리다이렉트(redirect)시키는 예제
<meta http-equiv="refresh" content="5;url=http://www.tcpschool.com">
5. 모든 장치에서 웹 사이트가 잘 보이도록 뷰포트(viewport)를 설정하는 예제
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6. 페이지의 타이틀.
<title>HTML meta tag</title>
7. 모든 검색엔진을 허용하겠다
<meta name="robots" content="index,follow">
8. 오픈그래프 메타테그
오픈 그래프 태그는 사이트가 소셜 미디어로 공유될 때 우선적으로 활용되는 정보입니다.
<meta property="og:type" content="website">
<meta property="og:title" content="페이지 제목">
<meta property="og:description" content="페이지 설명">
<meta property="og:image" content="http://www.mysite.com/myimage.jpg">
<meta property="og:url" content="http://www.mysite.com">
메타 테그나 title테그는 head테그 안에 넣는다.
이외 참고할 사이트 : https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=ko