페이지 타이틀
분류
Metadata 콘텐츠
작성법
본문을 가장 잘 설명하는 키워드 중심으로 작성하며
페이지마다 구체적이고 고유한 키워드 사용.
반복하는 키워드는 최소화하며 구체적인 키워드를 앞으로 배치
구분자
구분자는 대시(-), 파이프(|), 콜론(:) 을 추천
언더바(_)는 인접 키워드를 하나로 연결하기 때문에 추천하지 않음
크롤링
Javascript 에 의해 동적으로 생성된 페이지 타이틀도 크롤링 한다
접근성
화면 낭독기 사용자는 웹 페이지 접속 시
가장 먼저, 페이지 타이틀을 음성으로 전달받음
Info. 화면 낭독기 사용자는 음성 낭독기 속도를 2배속 이상으로 들음
불필요한 정보들을 건너뛰기 위해서
따라서 페이지 타이틀은 간결하게 집어넣기
메타데이터
문서에 대한 정보를 제공
<html lang="ko">
본문에서 사용중인 언어
검색 엔진이 특정 언어의 웹 페이지를 검색할 때 도움을 주며
화면 낭독기 사용자들이 웹 페이지를 읽을 때 어떤 음성 엔진을 사용해야하는지 힌트를 주기도 함
<meta charset="utf-8">
한글뿐만 아니라 전세계 모든 국가의 언어를 웹 페이지에 문제없이 표시 할 수 있음
<meta name="description" content="A description of the page">
검색 엔진의 검색 결과 화면에 노출되는 텍스트
검색 결과 화면에 사이트에 대한 설명을 원하는대로 표시하고 싶을 때
<meta name="keywords" content="free, anynone">
많은 마케터들이 키워드에 사이트와 상관없는 정보를 집어넣음
그래서 구글 검색 엔진은 키워드를 신뢰하지 않음
<meta name="viewport" content="width=device-width, initial-scale=1">
사이트가 모바일에서도 볼 수 있도록 최적화 되어있는지 제공
데스크탑에서는 브라우저 내에 보이는 사이트 영역만큼을 viewport
모바일에서는 문서의 전체 크기가 viewport
모바일에서도 화면에 보이는 영역만큼이 viewport 가 되기 위해 즉, 데스크탑과 일치시키기 위해서 width=device-width 선언.
initial-scale=1 은 줌 비율이 1을 의미
실제 적용 사례
구글의 자체적인 알고리즘으로 사람들이 많이 클릭하는 페이지를 추려서 소개
구조화된 데이터를 제공해서 연관 채널 등록 가능
위와 같이 선언하면 네이버에서 크롤링해감
최종 메타데이터 요약
