HTML 레이아웃에서 웹 사이트의 최적화 방법에 대 한 이야기

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

서재응은 교육 관련 된 것 들도 매우 광범위 한, 자주 SEO를 하 고 많은 친구 등 외부 링크 또는 광고,, 밖에 서 뭔가에 관심을 지불 하 고 몇 가지 내 자신의 사이트를 무시, 오늘 몇 가지 것 들의 HTML 레이아웃에 대해 이야기 하 고 싶습니다, 그리고 당신을 도울 수 있도록 노력 하겠습니다. 우리는 또한 일반적인 토론을 환영합니다.

첫째, 좋은 HTML 구조 작성

좋은 HTML 문서 구조 검색 엔진에 유해 하다 또는 코드 인사 (사람이 나 프로그래머 슬라이스). 중복 코드의 큰 숫자는 테이블 레이아웃을 사용 하 여 생성 된 특정 시각 효과 달성 하기 위해 여러 개의 테이블에만 적용 된 때문에 테이블 레이아웃 삭제 했다 기억 합니다. 그래서 만약 당신이 Div + css를 사용 하 여 그것은 기본적으로 다른 테이블 레이아웃, 레이아웃, 하지만 당신의 HTML 문서 매듭 너무 깊이 중첩 또는 너무 많은 중복 코드. 여기 내가 외국 가축을 작성 사이트, Zengarden (세미 정원) 바이 나온 그의 문서 구조를 참조할 수 있습니다 것이 좋습니다.

둘째, 귀하의 로고를 능숙 하 게 사용

왜 그렇게 말을 임의의 리소스의 비트 느낌 개인적으로 웹사이트 로고로 IMG 태그를 삽입 처럼 많은 친구 들? 왜냐하면 지금 검색 엔진은 거의 IMG 태그의 ALT 특성이 무시 됩니다. 검색 엔진 사이트에는 HTML의 이전 부분이 더 중요 하다, 여기 나에 게 가르쳐 능숙 하 게 귀하의 로고와 Sohu의 웹사이트 그의 소스 파일을 볼, 그것의 로고는 사용된 그림, 하지만이 정의에 삽입 하는 IMG 태그를 열어 예를:

HTML 섹션

< H1 ><는 href = "http://www.sohu.com" 제목 "Sohu 중국 최대 포털" = > Sohu < /a >< / h1 >

CSS 섹션

h1 {텍스트-들여쓰기:-5000px; 디스플레이: 블록; 폭: 143px; 높이: 67px; 플 로트: 왼쪽; 여백: 0 자동;}

H1는 {폭: 143px 높이: 67px; 플 로트: 왼쪽; 배경: url (...) /images/logo.gif) 아니오-반복; 오버플로: 숨겨진}

많은 사람들이 어떻게 수 H1 태그를 요청할 수 있습니다?을 부정 하지는? 이 단어 검색 엔진 공식도 없다 계산 부정, 그리고 다른 사람들이 sohu 너무 건조 하 고, 우리는 라인에와 서 하 고 나는이 모집에 여러 번 사용은 같은 큰 웹사이트, 어떤 문제에 현재 발견 하지 않은 규정.

셋째, H 태그의 합리적 배치

경험된 SEO 친구 알고 있다. H1 ~ h6 태그 웹사이트 최적화에 대 한 좋은 예, 경우 H 태그를 남용 뿐만 아니라 서구에 대 한 이점이 없습니다 하지만 하지만 것입니다 오른쪽 아래 또는 심지어 멸망. 또는 예를 들어 개인 제안 H1 레이블 배치 제목에 대 한 뉴스, H2 라벨 작은 설명에 대 한 50 단어의 단락을 넣을 수 있습니다, H2 태그와 제목 관련 추가할 수 있다 포 일, 보조 키워드 H3 태그 안에 작은 제목, 뉴스 콘텐츠를 할 수 있는 마찬가지로 h 2와 오 비율을 제어 하지만 일부 키워드 수정을 추가할 수도 있습니다. H4 H3 더 나은 결과의 사용과 같은 시간으로.

4, 아름 다운 및 웹사이트 최적화 조합

현재 중국에서 HTML 레이아웃을 하 고 자주 이다 예술 또는 슬라이스 직원 대부분 두통, 국내 운영 체제 글꼴의 웹 페이지에 표시 될 수 있기 때문에 매우 몇 가지 가장 일반적으로 사용 노래, 하지만 웹사이트 디자인 원고에서 많은 디자이너가 이것은 매우 정상적인 일부 예술적 글꼴을 사용 합니다. 하지만 슬픈 국내 브라우저만 노래 시체를 지원 하 고 일부는 거의 굵게 및 기울임꼴 사용 수행 하는 방법? 친구가 슬라이스 경험 메서드를 사용 하는 Chettu, 오른쪽, 이것은 가장 일반적으로 생각 하는 즉시 하지만 이러한 Dongdong 매우 유용한 검색 엔진 최적화의 예술 글꼴을 어떻게 사용 하는 경우? http:// 말에 작가 웹사이트에 걸릴 Www.flagwind.com 오픈, 당신은 내 탐색 사용 하는 Microsoft 야 블랙 글꼴 많은 친구 알고 발견할 것 이다. XP 기본의 비극은 마이크로소프트와 나중에 블랙, 하지만 내가 사용 하는 많은 친구를 발견 하지 않은 모집, 트릭은 포함 된 글꼴, 또는 코드에 직접 오래 된 규칙:

CSS 섹션

@font-face {글꼴-가족: 'flagwindregular'; Src:url ('/dbfnt0.eot');}

#navigation li {글꼴: 정상 15px ' 마이크로소프트 나중-헤이 ', 'flagwindregular';}

똑똑히 관찰 하는 내 #navigation 글꼴 정의 우선, 마이크로소프트 나중-블랙, 그리고 그 안에 작은따옴표 내 사용자 정의 글꼴 이름, 나는 여기에서 잔소리를 하는 사용자 지정 포함 된 글꼴에 대 한. 우리는 배울 수 바이, 매우 간단 하 고, 분을 찾아볼 수 있습니다.

쓰기 그래서 많은 원래 상한에 쓰기 첫 번째 제출, 감사를 전달할 수 있는 문제 이지만 콘텐츠 내 7 년 무엇이 잘못 환영 모든 만들 벽돌, 감사를 하는 경우 통해 나중에 가능한 한 많이 밖으로 몇 가지 실용적인 것 들을 작성 하는 경험을 표현 하는 사이트를 할 수 있다. 심천 웹사이트 건설 회사 플래그 바람 네트워크 (www.flagwind.com),에 의해이 문서 전달 시간 제발 삭제 하지 마십시오 원래 저자 저작권 정보, 감사 합니다!