내 집 근처 카페 컴퓨터 수업

포토샵, 일러스트레이션, 블로그홈페이지, 쇼핑몰디자인, 영상편집, 컴퓨터기본, 홈페이지, 인쇄물디자인(로고,명함,전단지), 타자연습, 컴퓨터기본, 엑셀, 문서작성 등

매일코딩공부 2

메타 태그 (Meta Tag)로 검색엔진 최적화하기 (SEO)

SEO를 위한 가장 중요한 메타태그Meta titleMeta descriptionMeta robotsMeta refresh redirectMeta charsetMeta viewport오픈그래프(open graph)브라우저나 검색 로봇에게 해당 페이지의 정보를 알려주는 메타태그,그 표기방법 중 페이스북의 오픈그래프 프로토콜을 사용하는 것이 바로 og이다.미리보기를 통해 보는 제목, 설명, 이미지는 HTML 문서의 head에 표기된 오픈그래프 프로토콜에 의해서 나타난다.예시

매일코딩공부 2024.11.07

OG 태그

og(open graph)og 태그란 웹 페이지의 메타데이터를 정의하는 태그 중 하나이다. 이 태그는 페이스북에서 개발되었으며, 웹사이트가 소셜 미디어에 공유될 때 해당 웹페이지의 제목, 설명, 이미지 등을 정의할 수 있다.사용자가 클릭하기 전에 크롤러가 해당 웹사이트를 방문하여 이 태그를 크롤링하여 미리보기로 나타나는 정보를 지정하고 띄워준다. og 태그 구성요소og 태그는 크게 다음과 같은 구성요소들로 이루어져 있다.og:title: 웹페이지의 제목 정의.og:description: 웹페이지의 설명 정의.og:image: 웹페이지와 연관된 이미지의 URL 정의.og:url: 웹페이지의 URL을 정의.og:type: 웹페이지의 유형을 정의 (website,blog, ...). og 태그 적용법og 태그..

매일코딩공부 2024.11.07