향상된 검색 엔진 결과를 위해 웹 페이지 콘텐츠 이동 -

검색 엔진이 웹 사이트를 거미줄로 만들 때 검색 엔진 최적화에 도달하기 위해 많은 코드를 거쳐야 할 수 있습니다 함유량. 이를 피하기 위해 컨텐츠 스태킹 기술을 사용할 수 있습니다: 테이블 속임수 또는 Div 태그 위치 지정.

스태킹 내용 는 스크립트 나 탐색 요소보다 먼저 페이지 내용이 거미에게 전달되도록 HTML을 작성합니다. 검색 엔진은 웹 페이지의 처음 200 단어에 가장 많은 가중치를 넣고 남은 단어에는 더 적은 가중치를 붙입니다. 웹 페이지의 처음 200 단어가 네비게이션을 설정하는 모든 HTML 코드이고 580 단어 전까지 실제 내용으로 시작하지 않으면 낮은 순위로 끝날 수 있습니다.

그렇다고해서 네비게이션 시스템을 꺼내서 새로 시작해야한다는 의미는 아닙니다. 테이블 트릭과 Div 태그 위치 지정을 통해 스파이더가 귀하의 페이지 내용을 먼저 읽도록하는 방법을 배우십시오.

더 나은 검색 엔진 최적화 (SEO) 결과를 얻으려면 테이블 속임수를 사용하십시오.

일반적으로 검색 엔진은 페이지를이 순서대로 읽습니다. 두 번째, 왼쪽 탐색; 셋째, 페이지 내용; 넷째, 꼬리말. 그러면 페이지의 멋진 키워드 리치 콘텐츠보다 두 개의 콘텐츠 셀이 삽입됩니다.

테이블 속임수는 왼쪽 탐색 메뉴를 본문 내용 아래로 내리고 본문 내용을 위로 가져옵니다. 그러면 일반적으로 처음 200 단어 내에 있습니다. 트릭은 첫 번째 셀 다음에 빈 셀을 삽입하는 것입니다. 순서는 다음과 같습니다. 첫째, 상단 네비게이션. 둘째, 공백 셀; 세 번째, 페이지 내용, 네 번째, 네비게이션; 다섯째, 바닥 글. 위의 그림에 표시된 이전 (왼쪽) 및 이후 (오른쪽) 예제에서 테이블 트릭이 어떻게 작동하는지 확인할 수 있습니다.

더 나은 SEO 결과를 위해 Div 태그 위치 지정 사용

불행히도 테이블 트릭을 사용하면 왼쪽 탐색이 페이지 트릭이 구현되기 전에했던 것보다 페이지에서 약간 낮게 표시 될 수 있습니다. 더 긴 페이지에서 짧은 페이지로 이동하거나 왼쪽에서 더 짧은 페이지로 이동할 때 왼쪽 탐색이 약간 위아래로 점프하는 것처럼 보일 수 있습니다.

테이블 트릭과 동일한 스타일 문제를 만들지 않는 대체 솔루션이 있습니다. CSS 포지셔닝을 사용하여 코드의 내용을 재정렬하는 작업이 포함됩니다. 가장 쉬운 구현은 하나의 Div 태그 내에 왼쪽 네비게이션 컨텐츠를 넣고 다른 Div 태그 내에 모든 메인 바디 컨텐츠를 두는 것입니다. 그런 다음 CSS를 사용하여 왼쪽 탐색 Div 태그를 왼쪽에, 본문 Div 태그를 오른쪽에 배치합니다.

인라인 스타일을 사용하면 가장 기본적인 수준에서 구문 분석 된 HTML이 다음과 같이됩니다.

머리글 섹션 전체 머리글 내용

본문 내용 왼쪽 탐색 내용 전체 바닥 글 내용 CSS의 속성을 사용하면 div 태그의 순서와 관계없이 페이지가 동일하게 렌더링됩니다. 분명히 코드를 재구성해야하는 이유는 소스 코드에서 본문 내용을 더 높이는 것입니다. 따라서 왼쪽 네비게이션 Div 태그 앞에 내용 Div를 넣을 수 있습니다.