# meta tag

20개의 포스트

meta태그 ogimage 적용하기

특정 페이지 링크를 공유할 때 사이트 정보가 없어서, 해당 페이지의 title, description, image를 추가해달라는 요청이 들어왔다.동적 페이지마다 생성되는 meta 정보는 있는데 메인페이지 등 몇몇 페이지가 없음레거시 코드를 보니 프로젝트를 모노레포...

2023년 5월 22일
·
0개의 댓글
·
post-thumbnail

TIL / HTML 심화 : form, meta 태그, favicon 태그

✓ 2023.02.21 TIL 1. form tag / aution, method, 유효성 검사 2. meta tag 3. favicon tag

2023년 2월 21일
·
0개의 댓글
·

[meta-og] 카카오톡 미리보기 이미지, 텍스트 적용 및 확인 방법

카카오톡 공유 시 미리보기 이미지 깨짐 현상 발생SNS (카카오톡, 페이스북) 에서 웹 링크를 공유할 때 관련 이미지와 설명이 미리보기로 출력카카오톡의 크롤러가 웹의 meta tag의 og property 정보 미리 수집 수집한 정보를 미리보기 이미지, 설명으로 출력공

2022년 12월 20일
·
0개의 댓글
·
post-thumbnail

Meta Tag, OG는 무엇인가

💡OG(Open graph)란? OG(Open graph)는 해당 HTML문서의 메타데이터(제목, 설명, 문서의 타입, 대표 URL, 등)를 보기 쉽게 나타내기 위해 작성자가 통일해서 사용할 수 있도록 정의한 프로토콜이다. 즉, 웹 페이지를 SNS로 공유할 때 해당

2022년 12월 15일
·
0개의 댓글
·

HTML의 <meta>태그를 알아보자..

meta tag는 해당 문서에 대한 정보인 메타데이터(metadata)를 정의할 때 사용한다.

2022년 11월 17일
·
0개의 댓글
·

[HTML] meta viewport

meta태그 중 viewport의 종류

2022년 11월 6일
·
0개의 댓글
·

SEO 최적화 (feat. robots.txt, meta tag)

현재 유지/보수하고 있는 서비스의 LCP 개선에 이어서 SEO도 살펴보았습니다. meta tag와 robots.txt 파일의 부재가 주된 원인이었는데요. meta tag와 robots.txt 파일에 대해 살펴본 다음 개선된 결과를 확인하도록 하겠습니다. robots

2022년 10월 3일
·
1개의 댓글
·
post-thumbnail

[SEO] 기본

개요 MDN에서는 아래와 같이 정의 하고 있다. > SEO(검색 엔진 최적화)는 웹사이트가 검색 결과에 더 잘 보이도록 최적화하는 과정입니다. 검색 랭크 개선이라고도 합니다. https://developer.mozilla.org/ko/docs/Glossary/SEO

2022년 6월 23일
·
0개의 댓글
·
post-thumbnail

[최적화] 검색엔진 최적화(SEO) 이유와 방법 10가지

검색 엔진 최적화(Search Engine Optimization, SEO)가 필요한 이유는 무엇일까? 꼭 해야할까? 🤔 제 대답은 Yes여요! 검색엔진 최적화 방법을 알아보자.

2022년 2월 18일
·
14개의 댓글
·

21.09.15 세 번째 TIL

🖊📘오늘 배운 것 나홀로메모장(POST를 이용한 API) 사전 작업으로 package설치 (Flask, pymongo, requests, bs4) (설치 완료 후 ok를 누르지 않고 그냥 빨간 x를 눌러 꺼버려서 자꾸 설치가 안되었다고 뜬다. 확실하게 확인하는 습

2021년 9월 15일
·
0개의 댓글
·
post-thumbnail

메타태그에 대한 이해

우리가 소홀하기 쉬운 메타태그에 대해 알아보는 시간을 가져보도록 하겠습니다.

2021년 8월 19일
·
0개의 댓글
·

Advanced Course 주특기 5강 - React

React.memo, meta tag, pre-rendering, seo, 개선작업, 배포, 사이트 성능 지표

2021년 7월 6일
·
0개의 댓글
·
post-thumbnail

chrome 상단 탭바 버그

데스크탑으로 개발할때는 알수없었던 특정 브라우저의 버그를 개발서버로 배포하고나서 발견하였다.상단 chrome tab바가 position: fixed로 설정해놨던 엘리먼트의 상단을 가려버리는 것이다.처음에는 css로 수정을 해가면서 테스트 해봤지만 html에 metata

2021년 6월 24일
·
0개의 댓글
·
post-thumbnail

Meta Tag , OG(오픈그래프) 사용하기

오픈그래프는 어떤 HTML 문서의 메타정보를 쉽게 표시하기 위해서 메타정보에 해당하는 제목, 설명, 문서의 타입, 대표 URL 등 다양한 요소들에 대해서 사람들이 통일해서 쓸 수 있도록 정의해놓은 프로토콜이며 페이스북에 의하여 기존의 다양한 메타 데이터 표기 방법을 참

2020년 12월 15일
·
2개의 댓글
·
post-thumbnail

[HTML] Meta Tag

HTML Head영역에 위치한 Meta Tag, 개발을 진행 하면서 신경쓰지 않고 두었던 부분이다. 이번 기회를 통해 간략히 Meta Tag에 대해 정리.

2020년 11월 8일
·
0개의 댓글
·

🎨 모바일에서 select box에 포커스 가는 경우 확대되는 효과 없애기

모바일에서 입력 창에 포커스 가는 경우 확대되는 효과 없애기 (http&#x3A;//blog.freezner.com/archives/1880)

2020년 10월 13일
·
0개의 댓글
·
post-thumbnail

🚧 HTML element: 메타(meta) 태그

https&#x3A;//developer.mozilla.org/ko/docs/Web/HTML/Elementhttps&#x3A;//developer.mozilla.org/ko/docs/Web/HTML/Element/meta

2020년 10월 5일
·
0개의 댓글
·

프론트엔드 면접 정리

XHTML이 XML 문법을 따르므로 HTML과 문법 규칙이 약간 다릅니다.XTML을 사용하면 할 수 있으나, HTML로는 불가능한 일이 있습니다.HTML을 사용하면 할 수 있으나, XHTML로는 불가능한 일이 있습니다.CSS를 이해하는 방식에 차이가 있습니다.클라이언트

2020년 6월 13일
·
0개의 댓글
·