151230P(수)

HTML5

 

검색엔진 최적화

 

1. title 태그 이용해서 페이지 제목을 꼭 나타내자

페이지 마다 고유한 title 태그를 붙여서 구분하는 방법이 좋다.

 

2. meta 태그를 적극 활용하자

description 을 사용하면 1 ~ 2단락으로 구글 검색에서 내용으로 보여지게 된다.

 

3. URL을 알아보기 쉽게 작성하면 좋다.

URL - 어떤 컨텐츠에 도달할 수 있는 정보 및 식별자

 

ex)

684/x2/14536/2.htm (X)

safety/car-seat..html (O)

컨텐츠의 내용을 잘 표현하도록 URL을 작성하자

 

변수나 ID, 과도한 키워드, 일반적인 페이지 이름(html1.htm 등)의 사용을 지양한다.

 

4. 단순한 Directory 계층구조를 사용하자

 

5. 특정 문서에 도달할 때 한가지 URL을 사용하는것이 좋다.

같은 contents가 여러개의 이름을 가지고 있는것은 좋지않음

 

301 redirection

페이지에 접속시 다른 페이지로 자동 변경해주는 방법

html로는 구현 불가.

php, java, rubi 등으로 구현가능

 

301 redirection이 사용불가일때

<link rel="canonical" href=http://localhost/1.html />

표준 URL을 설정함으로써 페이지가 표준 페이지로 넘어가도록 유도

 

6. 크롤링

구글 검색엔진이 내 웹의 내용을 가져감

link 즉, hypertext로 긁어가게 된다.

 

따라서 링크들이 homepage(mainpage)에 잘 작성되어야 한다.

 

hompage의 메인은 보통

index.html로 지정

 

bread chrome

페이지의 지나온 위치와 현재 위치를 알려줌

홈페이지 -> 제품구성 -> 렌트 -> 신차이용

 

7. 사용자가 실수로 URL 일부를 제거하는 등의 행동을 취해도 404오류 대신에 별도의 조치(안내문)등이 필요하다.

 

8. 로봇과 사용자를 위한 사이트맵을 2가지로 만들어라

xml은 기계가 해석하기 편하다

Sitemap: /sitemap.xml

 

사이트 내 쉬운이동 권장방법

1. 자연스러운 계층구조

 

2. 이동 경로를 위해 hypertext사용

javascript로 이동을 코딩하면 검색엔진은 이를 이해(catch)하지 못한다.

∴ hypertext 사용이 권장

 

9. 우수한 품질의 콘텐츠와 서비스 제공

검색엔진이 아닌 사용자를 위한 콘텐츠를 작성하자

검색엔진을 너무 의식해서 많은 단어를 description에 올리면 구글은 이를 웹스팸으로 인식

 

10. 보다 나은 앵커 텍스트 작성

앵커 = <a href="...>앵커 텍스트</a>

페이지, 문서, 여기를 클릭 등 일반적인 텍스트 사용 금지

URL 사용도 좋지않다.

 

링크를 눈에 띄기 쉽게 css3등을 이용해서 코딩하자

 

11. 이미지 사용의 최적화

alt 속성을 이용해서 이미지의 정보를 제공하자

<img src="94.png" alt="식빵남아 로고">

이미지가 깨질때 대안 제공 가능

시각장애인을 위한 스크린리더 사용시 alt내용을 읽는다.

 

이미지 파일 이름을 최적화하면 이미지 검색시 검색된다.

 

images 같은 폴더에 이미지를 저장하는 것이 권장

 

일반적인 이미지 이름보다는 의미있는 이름이 권장

 

이미지를 링크로 사용할 때 alt를 사용하면 앵커텍스를 사용한 것과 비슷한 효과를 낸다.

<a href="html://localhost/1.html"><img src="94.png" alt="식빵남아 로고"></a>

 

12. 제목 태그의 적절한 활용

<h1>, <h2> 등

 

13. robots.txt를 효과적으로 사용

나의 웹에 크롤링 하기위해 수많은 robot이 온다.

 

robots.txt

robot의 접근을 제어하는 정보

 

www.naver.com/robots.txt

User-agent : *

검색엔진 등의 로봇들

 

Disallow : /

검색할 필요가 없거나 보호될 필요가 있다면 사용

/ : 모든 웹페이지에 대해서 모든 로봇의 접근불허

/search : /search 페이지 접근 불가

 

Allow : /search/about

검색되는것이 권장될 때에 사용

/search/about 페이지 허용

 

Sitemap: /sitemap

웹사이트의 지도

사용자들에게 웹의 전체구조를 제공할 때 사용

 

robots.txt는 보안대책이 아니다.

검색엔진에 대해서 정중한 요청일 뿐이다.

악의적으로 접근할 경우 뚫린다.

 

페이지 랭크

똑같은 단어를 여러개 페이지가 가지고 있을 때 어떤 사이트를 먼저 노출 시키는지에 대한 방법

 

 

C, D, E가 A사이트를 링크를 걸게되면 A의 랭크가 올라간다.

랭크가 높은 A 사이트가 D라는 사이트를 링크를 걸게되면 D의 랭크는 일반적인 경우보다 훨씬 더 높아진다.

 

∴ hypertext는 위대하다.