본문 바로가기

제목3

HTML - <h1>,<h2>,<h3>,<h4>,<h5>,<h6> 제목요소 제목 태그 사용법 안녕하세요. 고코더 입니다. ● 1. 책을 읽다 보면 언제나 제목이 중요합니다. 표지에 적혀 책의 이름을 나타내는 제목 그리고 각 챕터마다의 제목까지 나타냅니다. HTML에서도 이런 제목을 나타내는 태그가 있습니다. 바로 ,,,,, 가 그 주인공입니다. 예제 사용법 ● 2. 사용법은 아주 단순합니다. 제목 태그 안에 텍스트를 넣으면 완성입니다. 1부터 6까지 크기가 비례합니다. 1이 가장 크고 6이 가장 작습니다. 제목 레벨 1 제목 레벨 2 제목 레벨 3 제목 레벨 4 제목 레벨 5 제목 레벨 6 ● 3. 결과 화면은 아래와 같습니다. ● 4. 문서 구조의 대한 정합성을 위해서 해당 태그는 순서에 맞게 사용하는 게 좋습니다. 제목 레벨 1 제목 레벨 6 제목 레벨 1 제목 레벨 2 마.. 2021. 1. 19.
블로그 운영 팁 - 제목으로 타겟을 잡고, 부제목으로 키워드를 넓혀라 블로그 글쓰기 제목이 중요합니다. 안녕하세요.고코더 입니다. ● 1. 블로그 모든 글에는 제목이 있습니다. 지금 제가 쓰는 이 글에도 제목이 적혀 있습니다. 제목은 검색이 노출 될때 제일 처음 사용자에 눈에 보이게 됩니다. 이는 모든 검색 서비스가 동일하게 사용하는 노출 방식입니다. 사용자들은 직감적으로 내가 가장 찾고 싶었던 제목을 클릭하게 되어 있습니다. 제목이 만약 이해하기 어렵다면 당연히 검색 서비스에서는 도태될 수 밖에 없습니다. 명확한 제목을 사용하기 ● 2. 제목은 명확하고 주제를 정확하게 지정해줘야 합니다. 예를 들면 "블로그 운영 잘하는 법!" 이라고 하는 글로 컨텐츠를 만든다면 아주 잘쓰게 된다면 구글 서비스에 최상단에 노출되겠지만 그 가장 좋은 자리는 몇명의 블로그 몫입니다. 구체적으.. 2020. 7. 24.
HTML - og(open graph) 태그 란? / 카톡,sns 미리보기 지정 open graph 태그란? / 썸네일, 제목 설명 등의 안녕하세요. 고코더 입니다. SNS나 카카오톡,라인 등 일상을 공유하는 커뮤니티 프로그램에서 링크를 공유하면 자연스럽게 보이는 썸네일, 제목, 설명들이 있습니다. ▼ 고코더 블로그를 카카오톡 으로 공유했을 때나타나는 og 태그 메타 정보 해당 화면에서 보이는 제목 : "고코더의 IT Express" 설명 : "각종 프로그래밍 강의... " 이미지: 고코더.jpg 등이 바로 open graph 태그로노출된 정보 입니다. ▼ 제 블로그의 소스 보기를 보면 아래처럼 og 태그가 입력 되어 있습니다. 규약 된 해당 태그를 읽고 카카오톡도 미리보기가 가능한 정보를 노출 해주고 있습니다. ▼이 규약은 페이스북에서 시작 되었습니다. http://bit.ly/2.. 2018. 4. 26.