og 태그 미리보기 이미지 넣기

og 태그를 이용해 링크의 미리 보기 이미지, 설명, 제목을 넣어보겠습니다. 1. og 태그 og 태그를 이용한 미리 보기 화면 og 태그가 무엇이냐면 위의 이미지처럼 카톡이든 어디서 링크를 보낼 때 미리보기로 나오는 이미지, 제목, 설명을 설정해주는 태그입니다. html에 메타태그로 추가해주시면 됩니다. - og 태그 사용 이 메타태그 3줄을 복사해서 og 이미지 넣기 위의 코드처럼 넣었는데 이미지가 뜨지 않으신다면 flask 설치가 안되어있어서 그럴 수도 있습니다. flask를 설치해주시거나 간단하게 위의 예시처럼 이미지 주소를 그냥 적어주세요. 이상으로 og 태그를 이용해 미리 보기 이미지를 넣는 방법을 알아보았습니다. 도움이 되셨다면 공감과 댓글, 구독을 부탁드립니다. [같이 보면 좋은 포스팅] ..

coding/html + css · 2022. 3. 22. 09:30

[꿀정보] 구글 서치콘솔 등록하기

안녕하세요. 플입니다. 구글 서치 콘솔에 티스토리를 등록해볼게요. 1. 주소 입력 구글에서 '구글 서치 콘솔'을 검색해주세요. 구글 웹마스터 도구라는 사이트를 클릭해주시면 위의 이미지 같은 사이트에 들어갈 수 있어요. https://search.google.com/search-console/about?hl=ko Google Search Console Search Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수 있습니다. search.google.com 하지만 찾기 귀찮으니까 링크 남겨둘게요~ 시작하기를 눌러서 시작해봐요. 그러면 주소를 입력하라는 창이 뜨는데 티스토리는 URL 접두어 칸에 블로그 주소를 ..

tip/티스토리 팁 · 2020. 2. 27. 07:30

[html] 뷰포트 설정하기

안녕하세요. 플입니다. 오늘은 뷰포트를 설정해보겠습니다. 1. 뷰포트(viewport) 뷰포트는 모바일 화면을 위해 꼭 필요한 태그입니다. 뷰포트를 설정 안 했을 때 화면입니다. 뷰포트를 설정했을 때 화면입니다. 어떤 차이가 있는지 확실히 느껴지시죠? 2. 뷰포트 설정 위에도 같은 코드를 적었는데요 이 메타태그를 태그 안에 넣어주시면 설정 완료입니다. 저렇게 메타태그를 넣어줍니다. 그럼 이만. 총총.

coding/html + css · 2019. 12. 23. 07:30

[티스토리] 구글 서치 콘솔에 등록해보자

안녕하세요. 플입니다. 이번 포스팅에서는 구글 서치 콘솔에 티스토리 블로그를 등록해볼게요. 1. 블로그 주소 입력 구글 서치 콘솔을 검색해서 사이트에 접속해주세요. 바로 보이는 구글 검색 실적 개선하기에서 시작하기를 눌러주세요. URL 접두어에서 티스토리 블로그 주소를 입력하고 계속을 눌러주세요. 2. 소유권 확인 소유권 확인에는 여러 방법이 있는데요. 저는 HTML 태그 방법을 사용할 거예요. 탭을 클릭하면 이렇게 메타태그 주소를 하나 줄 거예요. 복사해서 티스토리 블로그에 붙여 넣기 해주면 됩니다. 3. 메타 태그 붙여넣기 티스토리 블로그에 메타태그를 붙여 넣어 줄게요. 설정에서 스킨 편집을 들어가 주세요. 스킨 편집에서 html 편집을 클릭해주세요. 안쪽에 다른 메타태그 아래에 넣어줬어요. 메타태그..

tip/티스토리 팁 · 2019. 7. 17. 07:30