ABOUT ME

chanho Yoon
chyoon0512@gmail.com


깃허브


블로그 이사!

이 블로그로 이사했어요!!


Today
-
Yesterday
-
Total
-
  • 검색 엔진
    Programming/HTML5 - CSS3 2017. 7. 11. 12:49
    반응형

    검색 엔진

    어떤 웹사이트를 만들어서 공개하면 검색 엔진을 만드는 회사들이 로봇(소프트웨어)를 보내고 그 사이트에 있는 html 파일을 다운로드 받아 거기에 있는 정보를 해석하고 자기들의 필요, 기준에 따라 분류해서 사용자들이 검색을 했을 때 사용자가 검색한 것에 가장 적합한 컨텐츠를 제공하는 것이 검색엔진이다.



    검색 엔진 최적화

    검색 엔진이 내가 만든 또는 여러분들이 만든 웹 사이트를 상위에 노출될 수 있도록 하는 것



    검색 엔진을 최적화 하기 위해서는 무엇을 해야 하는가

    HTML 코드를 Semantic(의미론적인)적으로 잘 쓰면 그것이 가장 좋은 검색 엔진 최적화이다 라고 구글 검색 엔진 최적화 기본 가이드에 설명이 되어있다.  또한 검색 엔진 최적화를 한다고해서 검색 엔진이 좋아할 만한 것을 너무 과하게 사용하면 검색 엔진이 스팸으로 간주해서 검색결과에서 차단할 수도 있으니 적정한 수준에서 검색엔진 최적화의 균형을 잡는게 중요하다.


    title 태그를 위한 권장 사항

    페이지의 콘텐츠를 정확하게 설명하는 제목
    페이지마다 고유한 title 태그 작성
    간결하면서 내용을 포함한 제목 작성


    description 태그를 위한 권장 사항

    페이지의 내용을 정확하게 요약하기
    각 페이지마다 내용에 맞는 고유한 설명 사용


    페이지의 URL 구조를 개선하기

    이해하기 쉬운 URL은 콘텐츠의 내용을 전달하는데 좋다. 웹 사이트 문서에 카테고리와 파일 이름을 효과적으로 만들면 사이트를 더 잘 정리할 수 있을 뿐만 아니라 검색 엔진이 문서를 크로링하기도 쉬워진다


    URL 구조를 위한 권장사항

    URL에 단어 사용
    단순 디렉토리 구조 만들기
    특정 문서에 도달하기 위한 한 가지 형태의 URL 제공


    이미지 사용의 최적화

    이미지 관련 정보는 alt속성을 이용해 제공할 수 있다
    보편적인 이미지 파일 포맷의 사용과 이미지를 위한 특정 디렉토리 설정을 권장함 (/images/xxxxx.jpg)
    간결하면서 설명적인 파일 이름과 alt 텍스트의 활용
    이미지를 링크로 사용할 때 alt 텍스트를 제공하기


    제목 태그의 적절한 활용

    h1, h2, h3 등 이런 태그를 제목 태그라고 한다. 제목 태그를 활용하여 중요한 부분을 강조한다.


    위 내용을 포함한 더 자세한 내용은https://static.googleusercontent.com/media/www.google.co.kr/ko/kr/intl/ko/webmasters/docs/search-engine-optimization-starter-guide-ko.pdf  에서 확인할 수 있습니다.



    'Programming > HTML5 - CSS3' 카테고리의 다른 글

    그룹화와 섹셔닝  (0) 2019.03.26
    웹표준의 세가지 계층  (0) 2019.03.26
    HTML5 시맨틱(Semantic) 태그  (0) 2017.07.09
    HTML5 META 태그  (0) 2017.07.09
    HTML5 UPLOAD  (0) 2017.07.08

    댓글

Designed by Tistory.