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

TIL / HTML 심화 : form, meta 태그, favicon 태그
✓ 2023.02.21 TIL 1. form tag / aution, method, 유효성 검사 2. meta tag 3. favicon tag
[meta-og] 카카오톡 미리보기 이미지, 텍스트 적용 및 확인 방법
카카오톡 공유 시 미리보기 이미지 깨짐 현상 발생SNS (카카오톡, 페이스북) 에서 웹 링크를 공유할 때 관련 이미지와 설명이 미리보기로 출력카카오톡의 크롤러가 웹의 meta tag의 og property 정보 미리 수집 수집한 정보를 미리보기 이미지, 설명으로 출력공

Meta Tag, OG는 무엇인가
💡OG(Open graph)란? OG(Open graph)는 해당 HTML문서의 메타데이터(제목, 설명, 문서의 타입, 대표 URL, 등)를 보기 쉽게 나타내기 위해 작성자가 통일해서 사용할 수 있도록 정의한 프로토콜이다. 즉, 웹 페이지를 SNS로 공유할 때 해당
SEO 최적화 (feat. robots.txt, meta tag)
현재 유지/보수하고 있는 서비스의 LCP 개선에 이어서 SEO도 살펴보았습니다. meta tag와 robots.txt 파일의 부재가 주된 원인이었는데요. meta tag와 robots.txt 파일에 대해 살펴본 다음 개선된 결과를 확인하도록 하겠습니다. robots

[SEO] 기본
개요 MDN에서는 아래와 같이 정의 하고 있다. > SEO(검색 엔진 최적화)는 웹사이트가 검색 결과에 더 잘 보이도록 최적화하는 과정입니다. 검색 랭크 개선이라고도 합니다. https://developer.mozilla.org/ko/docs/Glossary/SEO
_%F0%9F%A7%90.png)
[최적화] 검색엔진 최적화(SEO) 이유와 방법 10가지
검색 엔진 최적화(Search Engine Optimization, SEO)가 필요한 이유는 무엇일까? 꼭 해야할까? 🤔 제 대답은 Yes여요! 검색엔진 최적화 방법을 알아보자.
21.09.15 세 번째 TIL
🖊📘오늘 배운 것 나홀로메모장(POST를 이용한 API) 사전 작업으로 package설치 (Flask, pymongo, requests, bs4) (설치 완료 후 ok를 누르지 않고 그냥 빨간 x를 눌러 꺼버려서 자꾸 설치가 안되었다고 뜬다. 확실하게 확인하는 습
Advanced Course 주특기 5강 - React
React.memo, meta tag, pre-rendering, seo, 개선작업, 배포, 사이트 성능 지표

chrome 상단 탭바 버그
데스크탑으로 개발할때는 알수없었던 특정 브라우저의 버그를 개발서버로 배포하고나서 발견하였다.상단 chrome tab바가 position: fixed로 설정해놨던 엘리먼트의 상단을 가려버리는 것이다.처음에는 css로 수정을 해가면서 테스트 해봤지만 html에 metata
.png)
Meta Tag , OG(오픈그래프) 사용하기
오픈그래프는 어떤 HTML 문서의 메타정보를 쉽게 표시하기 위해서 메타정보에 해당하는 제목, 설명, 문서의 타입, 대표 URL 등 다양한 요소들에 대해서 사람들이 통일해서 쓸 수 있도록 정의해놓은 프로토콜이며 페이스북에 의하여 기존의 다양한 메타 데이터 표기 방법을 참

[HTML] Meta Tag
HTML Head영역에 위치한 Meta Tag, 개발을 진행 하면서 신경쓰지 않고 두었던 부분이다. 이번 기회를 통해 간략히 Meta Tag에 대해 정리.
🎨 모바일에서 select box에 포커스 가는 경우 확대되는 효과 없애기
모바일에서 입력 창에 포커스 가는 경우 확대되는 효과 없애기 (http://blog.freezner.com/archives/1880)

🚧 HTML element: 메타(meta) 태그
https://developer.mozilla.org/ko/docs/Web/HTML/Elementhttps://developer.mozilla.org/ko/docs/Web/HTML/Element/meta
프론트엔드 면접 정리
XHTML이 XML 문법을 따르므로 HTML과 문법 규칙이 약간 다릅니다.XTML을 사용하면 할 수 있으나, HTML로는 불가능한 일이 있습니다.HTML을 사용하면 할 수 있으나, XHTML로는 불가능한 일이 있습니다.CSS를 이해하는 방식에 차이가 있습니다.클라이언트