본문 바로가기
  • 커뮤니티
  • 블로그
  • 북마크

시멘틱웹3

[HTML]HTML 태그(풀네임)과 의미 - 시멘틱 웹 HTML 태그의 풀네임을 모르는 분들도 많으리라 생각됩니다. 실무에선 풀네임까지는 몰라도 업무를 보는데 크게 지장이 없습니다. 그래도 알아서 나쁠 건 없으니 참고만 하시면 될 거 같습니다. : Hypertext Markup Language (하이퍼텍스트 마크업 언어) : Head (문서 헤드) : Title (문서 제목) : Body (문서 본문) : Heading One (제목 1) : Heading Two (제목 2) : Heading Three (제목 3) : Heading Four (제목 4) : Heading Five (제목 5) : Heading Six (제목 6) : Paragraph (단락) : Anchor (앵커) : Image (이미지) : Unordered List (비정렬 목록) :.. 2023. 6. 19.
[블로그 운영팁]네이버 검색시 탭메뉴 형태로 노출되게 하려면 네이버 검색 시 탭메뉴 형태로 노출되게 하는 방법입니다. 이해를 돕기위해 스크린샷을 참고하세요. [미리보기] 검색 화면을 보시면 '요즘 시대의 단독주택이란?' 처럼 탭메뉴가 생성된걸 보실 수 있습니다. 위처럼 하기 위해서 블로그에 글을 작성하실때 제목(본문) 태그를 이용해서 제목을 작성하시면 됩니다. 티스토리 기준으로 상단에 제목태그를 이용하시면 되고, 에디터가 없는경우는 로 제목을 감싸주시면 됩니다. 제목문구 제목태그 위처럼 제목을 태그로 감싸주면 네이버 검색시 탭형태로 노출됩니다. 추가 설명을 드리자면, html도 문서입니다. 웹페이지이기 때문에 웹문서라고 합니다. 문서를 만들때 제목,본문을 구분하듯이 웹에서도 의미있는 마크업을 통해 웹페이지를 작성(코딩)합니다. 이것을 시멘틱웹이라고 합니다. 이렇게.. 2023. 5. 11.
[블로그 운영팁]SEO 최적화 하기 SEO에 관련해서 예전에 글을 올렸어야했는데, 이제서야 포스팅을 합니다. SEO(Search Engine Optimization)란 검색엔진 최적화라고 보시면 됩니다. 쉽게 말해 SEO는 웹페이지 제작시 의미있는 마크업(시멘틱웹)을 통해 검색엔진 노출에 최적화가 되게 하기 위함입니다. 저는 웹퍼블리셔(웹U개발자)로 15년이상 실무를 했었습니다. 사이트 제작시 시멘틱 웹과 웹표준을 중요시 해왔고, 마크업을 의미있게 사용하면 검색에 잘걸린다는 사실을 경험으로 통해 알게되었었습니다. 벌써 10년이 넘었지만, 관련해서 몇자 적어보도록 하겠습니다. 먼저 개념을 아셔야합니다. 우리가 문서를 읽을 때도 순서가 있습니다. 책이나 pdf 자료 혹은 여러 문서를 읽을때 제목을 먼저 읽게 됩니다. 그리고 중간제목, 목차, .. 2020. 10. 12.
반응형