엄지월드

검색엔진 최적화 본문

Front

검색엔진 최적화

킨글 2018. 3. 16. 23:36
반응형

SEO란? 검색엔진 최적화이다.


title 태그를 이용하여 페이지의 제목 나타내기

-> 제목 부분에 제공될 수 있는 부분이기 때문에 잘 설정해야 한다


메타 태그의 description 이용

<meta name="description" content="비몬의 유아용품 세상은 다양한 유아용 제품을 이용할 수 있습니다.">

-> description 메타 태그에는 1-2개의 문장이나 짧은 단락을 사용할 수 있습니다.

-> "이것은 웹 페이지입니다" 또는 "유아용품에 대한 페이지" 등과 같은 일반적인 설명 사용


페이지의 URL 구조를 개선하기 (어떤 컨텐츠에 도달할 수 있는 정보)

- 컨텐츠를 이해하기 좋은 URL을 사용하기

- 불필요한 매개변수와 세션 ID가 있는 긴 URL 사용을 피해야 한다

- 파일의 이름이 너무 길면 별로 좋지 않다

- 디렉토리가 복잡하면 좋지않다.


특정 문서에 도달하기 위한 한 가지 형태의 URL 제공 

- <link rel="canonocal" href="">

- 1.html, 2.html, 3.html 등이 있을 때 1.html을 우선적으로 노출되고 싶으면  <link rel="canonical" href="http://localhost/1.html"> 으로 사용하면 좋다 (나 말고 1.html을 찾아봐! 1.html이 진짜야!!)


내용을 함축하는 텍스트를 선택해서 앵커 태그의 텍스르로 사용하기


이미지를 링크로 사용할 때 alt 텍스트를 제공하기

- <img src="" alt="생활코딩 이미지">


제목 태그의 적절한 활용

- <h1> <h2> <h3>을 적절히 활용해야 한다


robots.txt를 효과적으로 활용하기 -> 로봇에 정중하게 요청하는 것임. 악의적인 로봇에는 통하지 않음

Allow : 가져가는 것 권장

Disallow : 가져가지 마시오

Sitemap : /sitemap.xml을 설정해 놓으면 로봇이 어떠 어떠한 페이지가 있는지 확인 할 수 있다.


페이지랭크

- 많은 링크를 가진 사이트에서 링크를 걸면 페이지 랭크가 높아진다. 

- 야후에서 검색이 중요하지 않다고 해서 구글이라는 회사에 아웃소싱 했다가 야후는 망하고 구글은 존나 뜸




https://www.inflearn.com/learningpath/frontend-%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C/

'Front' 카테고리의 다른 글

HTML5 새로운 속성, 입력 값 체크  (0) 2018.03.17
웹 페이지 모바일 폭 맞추기  (0) 2018.03.17
morris.Line data(json 사용)  (0) 2017.10.08
js Map 출력  (0) 2017.10.08
javascript 자동완성 기능 eclipse에 추가 하기  (0) 2017.10.08
Comments