SEO 설명

참고 : https://github.com/mmistakes/minimal-mistakes/blob/master/_includes/seo.html 페이스북에서 사용하는 OpenGraph protocol 다른 곳에서도 많이 사용한다. OpenGraph protocol 설명 사이트(영문) : http://ogp.me/ 메타태그 검증기(페이스북) : https://developers.facebook.com/tools/debug/sharing <meta property="og:title" content="페이지 타이틀"> <meta property="og:type" content="website"> <meta property="og:image" content="http://~~~~/image.png"> 절대경로를 적어야하며, 보통 존재할 경우 같이 이미지를 보여준다. <meta property="og:url" content="http://~~~~/this.page"> 웹상 경로(URL). 불필요 get param을 제거하는 편을 추천 <meta property="og:description" content="설명"> <meta property="og:site_name" content="사이트 이름"> <meta property="og:locale" content="ko_KR"> 언어_지역 <meta property="og:locale" content="en_US"> 여러개 나올 수 있다. 이외 더 추가할 수 있다. http://ogp.me/ 를 참고하라 og tag 추가 <meta property="article:published_time" content="2019-07-25T21:26:44+00:00">첫 게시일. ISO_8601 형식, 2019-07-25,2019-07-25T21:26:44+00:00, 2019-07-25T21:26:44Z <meta property="article:modified_time" content="2019-07-25T21:26:44+00:00"> 수정일 ISO_8601 날짜 형식 : https://en.wikipedia.org/wiki/ISO_8601 트위터에서 사용하는 카드 https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started.html <meta name="twitter:site" content="@트위터아이디"> 웹 사이트의 @username <meta name="twitter:title" content="페이지 타이틀"> <meta name="twitter:description" content="설명"> <meta name="twitter:url" content="http://~~~~/this.page"> 웹상 경로(URL). 불필요 get param을 제거하는 편을 추천 <meta name="twitter:card" content="summary_large_image"> 카드형식 : “summary”, “summary_large_image”, “app”, or “player” <meta name="twitter:image" content="http://~~~~/image.png"> 절대경로를 적어야하며, 보통 존재할 경우 같이 이미지를 보여준다. <meta name="twitter:creator" content="@트위터아이디"> 컨텐츠 제작자의 @username og tag와 같이 섞어 쓰이기도 한다. https://support.google.com/webmasters/answer/139066?hl=ko <link rel="canonical" href="http://~~~~/this.page"> 표준 페이지 설정. 검색엔진에서 현재 페이지의 URL을 알려둔다. 같은 페이지이지만, 여러 URL이 있는 경우 설정하면, 표준 페이지의 URL로 검색엔진이 보여준다. SEO를 신경쓴다면 꼭 설정하자. https://webmasters.googleblog.com/2011/09/pagination-with-relnext-and-relprev.html 구글의 검색엔진에서 해당 페이지에 대한 이전/다음 페이지에 대한 정보를 같이 보여주도록 유도한다. <link rel="prev" href="http://~~~~/prev.page"> <link rel="next" href="http://~~~~/next.page"> https://json-ld.org/spec/latest/json-ld/ https://ko.wikipedia.org/wiki/JSON-LD 현재 페이지에 대한 정보를 JSON 형식으로 표현함 <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Person", "name": "제작자", "url": "http://~~~~/this.page", "logo": "http://~~~~/image.png" } </script> 이 밑은 해당 웹 서버스와의 연동에 대한 정보 <meta property="fb:app_id" content="{{ site.facebook.app_id }}"> 페이스북 앱 연결용 정보 <meta name="google-site-verification" content="{{ site.google_site_verification }}" /> 사이트 소유권 확인 https://support.google.com/webmasters/answer/9008080 <meta name="msvalidate.01" content="{{ site.bing_site_verification }}"> Bing 웹마스터 도구 <meta name="alexaVerifyID" content="{{ site.alexa_site_verification }}"> 알렉사 인증 <meta name="yandex-verification" content="{{ site.yandex_site_verification }}"> Yandex 웹마스터 도구 <meta name="naver-site-verification" content="{{ site.naver_site_verification }}"> 네이버 인증 <meta name="p:domain_verify" content="{{ site.naver_site_verification }}"> Pintrest 인증