SEO는 광범위한 것들을 포함하는 과학입니다. SEO를 수행할 때 많은 친구들은 오늘날 자신의 웹사이트 내부적인 것 중 일부를 무시하면서 외부 링크나 광고 등과 같은 일부 외부적인 것에 집중하는 경향이 있습니다. HTML 레이아웃에 관한 몇 가지 사항에 대해 이야기하겠습니다. 이 내용이 도움이 되기를 바라며 함께 토론해 보시기 바랍니다.
1. 좋은 HTML 구조를 작성하세요
좋은 HTML 문서 구조는 검색 엔진과 코더(슬라이서 또는 프로그래머) 모두에게 유익합니다. 사람들이 TABLE(테이블) 레이아웃을 포기한 이유는 TABLE 레이아웃을 사용하면 중복된 코드가 많이 발생하고 특정 시각적 효과를 얻기 위해 여러 테이블만 적용할 수 있기 때문이라는 점을 기억하세요. 따라서 DIV+CSS 레이아웃을 사용하지만 HTML 문서가 너무 깊게 중첩되거나 중복 코드가 너무 많으면 기본적으로 테이블 레이아웃과 다르지 않습니다. 여기에서는 외국 전문가가 작성한 웹사이트를 추천합니다. 그의 문서 구조 Zengarden(Cicada Wing Garden)을 참조하면 Baidu에 표시됩니다.
2. 로고를 능숙하게 사용하세요
많은 친구들이 웹사이트의 로고로 IMG 태그를 삽입하는 것을 좋아합니다. 저는 개인적으로 이것이 자원 낭비라고 생각합니다. 이제 검색 엔진은 IMG 태그의 ALT 속성을 거의 무시하기 때문입니다. 검색 엔진이 웹사이트 HTML의 첫 번째 부분을 매우 중요하게 생각한다는 사실도 있습니다. 여기에서는 Sohu의 웹사이트를 열어서 소스 파일을 살펴보고 그 내용을 찾아보겠습니다. LOGO는 IMG 태그로 삽입된 그림을 사용하지 않습니다.
HTML 부분
<h1><a href=http://www.sohu.com title="소후-중국 최대 포털">소후</a></h1>
CSS 부분
h1 {text-indent：-5000px;display:block;width:143px;height:67px;float:left;margin:0 auto;}
h1 a {너비:143px;높이:67px;float:왼쪽;배경:url(../images/logo.gif) no-repeat;overflow:hidden;}
많은 사람들이 왜 H1 태그인지 묻습니다. 이것이 부정행위로 간주되나요? 이것은 검색 엔진에서 공식적으로 부정 행위라고 명시하지 않았으며 Sohu와 같은 대형 웹 사이트에서는 이를 수행하므로 그냥 직면할 수 있으며 저는 이 트릭을 여러 번 사용했지만 지금까지 아무런 문제도 발견하지 못했습니다.
3. H 태그를 적절하게 배치하세요
SEO 경험이 있는 친구들은 이것을 알고 있습니다. H1~H6 태그는 웹사이트 최적화에 좋습니다. 하지만 H 태그가 남용될 경우 SEO에 아무런 이점이 없을 뿐만 아니라 강등되거나 심지어 파괴될 수도 있습니다. 예를 들어 뉴스를 예로 들어보겠습니다. 개인적으로는 H1 태그에 제목을 넣는 것을 추천합니다. H2 태그에는 50단어 정도의 간단한 설명도 넣을 수 있습니다. H2 태그에 추가하여 설정할 수 있습니다. H3 태그는 H2와 마찬가지로 일부 키워드 수정을 추가할 수도 있지만 비율을 제어해야 합니다. H3와 마찬가지로 H4도 함께 사용하면 더 잘 작동합니다.
4. 미학과 웹사이트 최적화의 결합
현재 중국에서 HTML 레이아웃을 수행하는 것은 아티스트나 슬라이싱 담당자에게 가장 큰 골칫거리입니다. 왜냐하면 국내 운영 체제에서는 웹 페이지에 표시할 수 있는 글꼴이 거의 없기 때문입니다. 가장 일반적으로 사용되는 글꼴은 Song Dynamise이지만 많은 디자이너가 웹 사이트 디자인에 사용합니다. 원고에 예술적인 글꼴을 사용하는 것은 일반적입니다. 그런데 안타깝게도 국내 브라우저에서는 Song 글꼴만 지원하고, 거의 사용하지 않는 볼드체와 이탤릭체도 있는데 어떻게 해야 하나요? 슬라이싱 경험이 있는 친구들이라면 바로 사진 슬라이싱을 떠올릴 겁니다. 네, 이게 가장 흔한 방법인데, 예술적인 폰트를 활용한 이런 것들이 SEO에 아주 유용하다면 어떨까요? 저자는 많은 친구들이 눈치 채지 못한 트릭을 사용했습니다. 즉, 글꼴을 삽입하거나 기존 규칙에 따라 코드를 직접 추가하는 것입니다.
CSS 부분
@font-face {font-family:'flagwindRegular';src:url('/DBFNT0.eot');}
#navigation li{font:normal 15px 'Microsoft Yahei','flagwindRegular';}
내 #navigation의 글꼴 정의를 주의 깊게 관찰하세요. 먼저 Microsoft Yahei이고 작은따옴표 안의 내용은 위에서 사용자 정의한 글꼴 이름입니다. 여기서는 사용자 정의 포함 글꼴에 대해 자세히 설명하지 않겠습니다. Baidu에서 검색하면 매우 간단하며 몇 분 안에 배울 수 있습니다.
글이 너무 서툴러서 처음으로 제출하는데 과연 심사를 통과할 수 있을지 의문입니다. 하지만 제가 말씀드린 내용은 7년간의 웹사이트 구축 경험을 바탕으로 한 것입니다. , Paizhuan에 대해 자유롭게 의견을 보내주십시오. 리뷰를 통과하면 가능한 한 많은 실용적인 내용을 작성하십시오.
이 글은 원래 심천 웹사이트 구축 회사인 Flagwind Network( www.flagwind.com )에서 작성한 것입니다. 전달할 때 원저작자의 저작권 정보를 삭제하지 마십시오. 감사합니다!
기여해 주신 Shenzhen Qifeng Network에 감사드립니다.