카테고리 없음

[UX/UI] meta 태그

심심한 낙지 2019. 8. 1. 01:03

POOPOO: 배변 일기 앱

SMALL

HTML

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="generator" content="">
    <meta name="robots" content="index, follow">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta property="og:title" content="페이지 제목">
    <meta property="og:url" content="http://사이트주소/">
    <meta property="og:image" content="http://띄울이미지">
    <meta property="og:type" content="website">
    <meta property="og:description" content="사이트 설명">

    <meta property="twitter:card" content="카드타입">   
    <meta property="twitter:title" content="페이지 제목">
    <meta property="twitter:url" content="http://사이트주소/">
    <meta property="twitter:image" content="http://띄울이미지">
    <meta property="twitter:description" content="사이트 설명">

    <meta http-equiv="refresh" content="3; url=http://google.com/">
</head>

 

일반적인 웹페이지의 메타태그

 

og : 카카오톡과 같은 소셜에서 보여지는 경우에 사용되는 메타태그

 

twitter : 트위터에 대한 메타태그

 

일정시간 이후 지정된 사이트로 이동

LIST