웹 페이지 완벽 한 슬리밍을 가르쳐 SEO 최적화 된 코드 읽어야 합니다!

출처: 인터넷
작성자: 사용자

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

각 SEO 실력 있어야 웹 페이지 코드 최적화, 검색 엔진 및 사람들이 동일 하지 않기 때문에 그들은 하지 눈을 보고, 하지만 페이지를 분석 하는 코드를 통해. 대형 웹 사이트에 특히 SEO 결과의 작품을 대부분 사이트 코드 최적화 작업을 영향을 줍니다. 오늘, SEO 공유 하는 몇 가지 웹 코드 최적화를 모두에 게 경험.

1, 분명 쓰레기 코드에서와 같은 코드: 의미 없는 공간, 기본 속성, 주석 문과 빈 문을.

특히, 공간, 과정 웹 페이지의 창조에에서 있을 것입니다 확실히 많은, 약 15 k 차지 하는 공간이 페이지의 일반 100 K 크기. 공백 문자는 시작, 끝, 및 코드의 빈 줄에 가장 자주 나타납니다. 모두 코드 드림위버와 언론에서 Shift + tab 키 왼쪽 정렬를 선택할 수 있습니다. 공간을 제거, 웹 페이지의 크기를 줄일 수 있습니다, 웹 페이지의 속도 향상.

2. DIV + CSS 레이아웃 웹 페이지를 사용 하 여

테이블을 사용 하 여 웹 페이지의 생산에 많은 사람들이, 그것은 간단한 레이아웃 및 웹 페이지 호환성에 대 한 있을 수 있습니다 하지만 테이블 레이아웃 관계가 없습니다는 명확한 계층 구조, 중첩된 테이블 중첩 코드의 양을 크게 증가 하는 경우. DIV + CSS 레이아웃 코드를 사용 하 여 더 간결한 코드를 만들 수 있습니다, 그리고 웹 사이트 최적화 효과 더 명백 할 것 이다.

3, CSS 스타일 속기 양식을 사용 하 여 작성 하는 CSS 외부 파일에 기록

디버깅 편의 대 한 사람들의 많은 자주 인라인 css (일반 인라인의 머리 지역에서 및 레이블 인라인 CSS의 안쪽에), 사용이 콘텐츠 증가 페이지는 무관 한 코드를 신속 하 게 검색 엔진을 공헌 이해 페이지 정보. 우리 페이지 코드는 가장 간결한 외부 파일에서 모든 CSS를 확인 해야 합니다.

다른 많은 CSS 스타일은 속기 방법 같이:. mycss {패딩-탑: 10px; 여백-오른쪽: 5px; 여백-하단: 10px; 여백-왼쪽: 3px, 속기를 사용 하는 경우 만 필요. mycss {여백: 10px 5px 10px 3px;}, 특정 속기 스타일 그는, 우리는 많은 관련 CSS 자습서, 온라인을 찾을.

지점에 특별 한 주의: 사이트 사용 div + css 같아야 하지 가정, 최적화 하는 div 사이 계층적 관계 무시할 수 없는, 페이지 정보를 검색 엔진에 직접 영향을 차단 이해! 이해 하지 않으면 SEO 깜짝 블로그 페이지 소스 코드를 볼 수 페이지 수준의 관계를 참조할 수 있습니다.

4, 더 많은 HTML 태그의 사용 감소는 "클래스 = xxx"이이 코드. 예를 들어:

  

우리 모두 다음 코드를 사용할 수 있습니다.

  

관련 요소의 CSS 스타일에 관해서는 우리만 필요 myul UL 스타일 외부 CSS 파일. Myul 리 나. Myul Li 스팬. 그것을 정의 하는 Myul 리 P.

5, 감소 플래시, 자바 스크립트 효과 사용 하 여 최고를 대체할 수 있는 경우

플래시는 잘 이해 하지 검색 엔진에 의해 현재, 그리고 그래서 귀하의 사이트가 필요로 그것, 그것이 자바 스크립트 애니메이션을 가장 애플의 디바이스와 호환 되지 않습니다.

6. 자바 감소

자바의 많은 웹 페이지를 검색 엔진 스파이더가 크롤 링 페이지에 영향을 미치는의 볼륨을 증가 합니다. 경우 페이지 효과 (예: 탐색 모음, 떠 있는 레이어, 등) div + css는 최고에 의해 대체 될 수 있다.

특히, 많은 것을 피하기 위해 같은 프로그래머는 링크, 중요 하지 않다 생각 하지 않으면 JavaScript에서 하이퍼링크 할 하지 않으려면 다음 페이지 무게를 전달.

gzip 압축을 웹 페이지의 서버 쪽에서 7

서버 쪽에서 gzip 압축을 사용 하면 웹 페이지의 볼륨 30%-80%로, 가장 중요 한 최적화 효과 줄이고이 기능은 서버 컨트롤 지원이 필요 합니다.

마지막으로 돌렸습니다, 웹사이트의 독창성의 좋은 일을 하려는 경우 더 나은 사용 인터넷 서식 사이트 최적화의 효율성 향상에 가장 도움이 되는의 인기의 일부를 사용 하 여 보다는 당신의 자신의 디자인의 서식 파일.

이 문서 서구 기습 (http://www.seoqibing.com)에 의해 시작 A5, 무단 전재 정보를 유지 하십시오!

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.