본문 바로가기
openipc.kr
일상 IT

[ 메타 태그 ] 종류와 의미 웹페이지에 대한 정보와 표시 메타 태그


목차

    반응형

    웹페이지 정보표시 메타 태그 종류

    메타 태그

    메타태그의 종류와 자주사용하는 태그의 역할에 대한 설입니다. 검색엔진에게 가장 중요한 정보를 전달하고 방법을 제시하는 요소로 검색엔진 최적화에서 가장 중요한 부분을 차지하고 있는 태그들입니다.

    메타 태그는 페이지의 가장 상단에 위치하여 검색 엔진에게 페이지의 정보를 제공해 주는 중요한 태그 요소 중 하나입니다. 메타 태그는 일반 사용자가 메타 태그에 대한 내용을 볼 수는 없지만, 검색 엔진은 메타 태그에 있는 내용을 기준으로 페이지의 가장 중요한 부분에 대한 정보를 수집하고 색인화하는 작업에 이용합니다. 따라서 메타 태그는 검색에서 가장 중요한 요소이며, 메타 태그의 내용을 참조해 관련 검색에 활용됩니다.

    메타 태그의 종류

    아래는 메타 태그에서 많이 사용하는 일반적인 메타 태그들입니다.

    메타 제목 (Meta Title) 페이지 제목
    메타 요약 (Meta Description) 페이지 내용요약
    메타 작성자(Meta Author) 페이지의 저자

    • meta charset="UTF-8" : 페이지의 문자 인코딩 방식 지정
    • meta name="viewport": 모바일 브라우저에서 페이지의 화면 상태 조정
    • mata name="keywords": 검색엔진의 관련 키워드 나열
    • meta name="robots": 검색엔진의 인텍싱과 링크를 제어
    • meta name="regerrer" : 현재 페이지에서 발생하는 요청에 상태

    메타 태그 사용예
    메타 태그 사용예

    Open Graph

    소설미디어에 페이지의 정보를 제공할때 아래 메타 태그를 사용합니다.

    예) Facebook, Linnkedin.....

    <meta property="og:title" content="페이지 제목">
    <meta property="og:description" content="페이지 설명">
    <meta property="og:image" content="이미지 URL">
    <meta property="og:url" content="페이지 URL">

    트위터

    Twitter에서 페이지에 대한 정보를 표시할때 사용하는 메타 태그입니다.

    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="페이지 제목">
    <meta name="twitter:description" content="페이지 설명">
    <meta name="twitter:image" content="이미지 URL">

    아래 메타 태그는 검색엔진에게 페이지의 색인여부를 지정할때 사용합니다.

    <meta name="robots" content="noindex, nofollow">
    반응형
     

    구글 성능 진단하기

    필수 요건 항목최적화 스킨의 충족사항검색엔진 최적화에 문제를 발생하지 않고 사용자가 콘텐츠 이용에 불편함이 없어야 하며 광고는 최대한 노출하는 사항을 만족해야 합니다. 더불어 기존

    living.openipc.kr





    검색엔진 최적화 일상허브

    검색엔진 최적화 [SEO] . IT.일상코딩 블로그

    광고는 자동으로 표시되며 크리에이터의 창작활동에 도움이 될 수 있습니다.

    TOP

    Designed by 티스토리