본문으로 바로가기

SEO의 첫걸음 : meta tag + og meta

category 웹 전반, 브라우저/🔎 SEO 2020. 4. 10. 21:08
 

meta 태그를 알아보자 (웹표준과 SEO)

처음 웹개발을 배울 때 웹표준을 배웠던 것 사실만 어렴풋이 기억난다. 그 이후 개발을 해오면서는 거의 신경쓰지 않고 개발했던 것 같다. 얼마 전, 이 블로그를 개발하면서 검색 엔진 노출을 위

junhobaik.github.io

 

일반 meta는 SEO를 위한 것이고

og는 다른 채팅 플랫폼이나 소셜 미디어에 노출되는 것을 의미합니다.

<!DOCTYPE html>
<html lang="ko">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="">
      <meta name="keywords" content="">
      <meta name="description" content="">
      <meta name="author" content="">
      <meta name="generator" content="">
      <meta name="robots" content="">
      <meta http-equiv="refresh" content="">
      <meta property="og:type" content="">
      <meta property="og:title" content="">
      <meta property="og:description" content="">
      <meta property="og:image" content="">
      <meta property="og:url" content="">
  </head>
</html>

 

 

링크 이미지 추가

 

 

링크 붙여넣을 때 보이는 이미지는 어디서 오는 것일까?

들어가기 전에 이 글은 링크의 미리보기 제목, 설명, 이미지의 정체에 대해서 알고 싶은 마케터들을 위해 유용한 내용을 담고 있습니다. 오늘날 페이스북이나, 네이버 블로그, 카카오톡 등에서 어떤 링크에 대한 미리보기 제목, 설명, 이미지를 제공하고 있습니다. 링크를 붙여넣을 때 생기는 미리보기 제목, 설명, 이미지는 도대체 어디에서 오는 것일까요? H

brunch.co.kr

<meta property="og:title" content="EduPopKorn">
<meta property="og:description" content="Learn Korean for FREE!">
<meta property="og:image" content="url">

 

 

 

Cineps

영화를 통해 연결을 꿈꾸는 예술 비평, 창작 커뮤니티 Cineps

www.cineps.net

 

EduPopKorn

Learn Korean For Free with Media based language learning mobile application!

www.edupopkorn.com

 

 

Kakao talk 첨부 이미지 규격

 

이미지를 첨부해도 중앙정렬이 잘 안되더군요. 여기를 참고해서 규격에 맞춥시다!

 

  • 스크랩 이미지의 권장 크기는 800px x 800px (*실제 컨텐츠 사이즈가 아니라 캔버스 사이즈)
  • png 타입으로 15kb 내외
  • 워드마크로 제작하실때는 800px * 800px 이미지내 정중앙에 600px * 120px 크기의 이미지를 넣으시면 됩니다.
  • 심볼로 만들때는 800px * 800px 이미지내 정중앙에 160px * 160px 크기의 이미지를 넣으시면 됩니다.

 

https://devtalk.kakao.com/t/topic/24174/2

 

Kakao DevTalk

카카오 데브톡. 카카오 플랫폼 서비스 관련 질문 및 답변을 올리는 개발자 커뮤니티 사이트입니다.

devtalk.kakao.com

 

 


darren, dev blog
블로그 이미지 DarrenKwonDev 님의 블로그
VISITOR 오늘 / 전체