상세 정보

HTML & CSS

링크 공유될 때 제목과 내용, 이미지 설정하기 : <meta property="og:title" content="!!"> + SEO 구글 검색에 노출시키기

URL을 공유할 때 제목과 설명, 이미지를 설정해보자 1 2 3 4 5 6 7 8 cs meta 태그의 author, description은 SEO를 위해 사용되고 property는 링크 공유 시 상세 정보 전달을 위해 사용된다. og:image는 외부에서 이미지를 가져올 수 있어야 하기 때문에 이미지 링크를 통해 전달해야할 듯 싶다. 이미지는 가로 세로가 같은 비율인 것으로 사용해야할 듯 싶다. 안 그러니 짤리네.. title과 description이 실제로 전달할 핵심 내용이 아닐까 싶다. 한글이 깨지고 저장시 오류가 나는 문제가 있었는데 첫줄의 내용이 빠져서였다. 이 파일은 템플릿 파일이고 한글이 들어온적이 없었어서 지금까지 문제는 없었는데 한글이 들어오려면 템플릿 파일로 합친다고 하더라도 모든 파..

리차드
'상세 정보' 태그의 글 목록