검색 엔진 최적화를 위한 CSS 도움말

중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀

우리 모두가 알다시피, 지금 가장 인기 있는 사이트 코드 구조는 div + css, 오늘 검색 엔진 최적화 도움말에 대 한 CSS에 대 한 얘기.

CSS는 귀하의 웹사이트 검색 엔진 더 친절 하 고, 합리적인 웹사이트 CSS를 사용 하 여, 수 귀하의 웹사이트에 검색 엔진 거미 더 읽기 쉽게, 더 쉽게 인덱스를 만들 수 있습니다.

그러나 귀하의 사이트에 그림의 아주 간단한 예제 검색 엔진 거미는 매우 영리 하 고, 하지만 그들은 여전히 이해가 안 돼요, 그림에 텍스트 때 귀하의 사이트를 크롤 링 하는 검색 엔진 장애 발생이 그림을 보고 무엇을,, 우리는 CSS, 배경 화면으로이 그림 컨트롤을 사용할 수 있습니다 이 페이지의 코드에 표시 되지 않습니다 하지만 페이지를 탐색 하는 사용자는 정상적으로 표시 될 수 있습니다.

많은 텍스트와 우리의 그림의 또 다른 포인트를 최소화 한다, 그림 배경 및 텍스트 독립, CSS로 배경 제어 그리고 텍스트 직접 모양을 유지 될 수 있습니다, 그리고 크롤 링 하는 검색 엔진 스파이더는 코드 작성도 매우 친절. 물론, 직접 텍스트 seo 보다 낫다는 그림에 alt를 추가 검색 엔진 말할 수 없습니다 alt 텍스트는 완전히 그림 관련이 있기 때문에. 결과적으로, 텍스트는 검색 엔진 사진과 ALT 특성 보다 더 신뢰.

여기 참조에 대 한 검색 최적화를 활용 하지 않습니다 몇 가지 일반적인 시나리오의 목록이입니다.

1. 웹사이트 탐색 사용 하 여 그림 (솔루션: 디스플레이 배경 제어 하는 CSS를 사용 하 여, 텍스트 연결을 사용 하 여. )

2. 테이블 레이아웃의 큰 수를 사용 하 여 (해결 방법: 웹사이트 리팩터링 개정, 구조 하다, 때문에 DIV + CSS를 레이아웃, 권장 코드 간소화. )

3. 웹 페이지는 CSS와 자바 스크립트 코드를 사용 하 여 (해결 방법: 외부 CSS 파일 및 연결 헤더에 JS 파일)

4. 사이트는 플래시를 많이 사용 (솔루션: 최소화 사용, 하지만 일부 사이트 되어야 합니다 적절 한 텍스트를 추가 하려면 Google의 SWFObject 도구를 사용 하시기 바랍니다 사용.) Sort of 처럼 Alt, swfobject의 주소: http://code.google.com/p/swfobject/)

개인적인 의견으로는, 위에 모두에 게 도움이 될 바랍니다.

원/shallen 깊이 SEO 연구실.