SEO 친숙한 모달 윈도우 사용 방법

단순히 모달 창을 사용하면 웹 사이트의 검색 엔진 최적화를 해치거나 방해하지 않습니다. 그러나 로봇이 웹 사이트를 크롤링 할 때 검색 할 수 있도록 더 많은 콘텐츠를 제공하여 SEO에 도움이되는 사례도 있습니다. 이 영향은 모달 창에 사용하는 스타일이나 시스템과 직접적으로 관련이 있습니다. 모달 창 콘텐츠를 숨기는 방법까지도 검색 엔진 로봇이 페이지를 "보는"방식을 변경합니다. 결론은 시청자를 귀하의 웹 사이트로 유도 할 수있는 콘텐츠가 많을수록 좋습니다. 올바른 모달 창을 사용하면 페이지를 오버로드하지 않고도 더 많은 콘텐츠를 제공 할 수 있습니다.

다른 페이지의 콘텐츠를 가져 오는 대신 페이지를 표시하지 않고 페이지에 콘텐츠를 추가하는 모달 창 유형을 선택하십시오. 모달 창에있는 콘텐츠가 페이지에 있으면 검색 엔진이 해당 콘텐츠를 크롤링하고 색인을 생성 할 수 있습니다. 모달 상자 콘텐츠가 다른 페이지에있는 경우 검색 엔진에서 색인을 생성 할 때 호스트 페이지는 해당 콘텐츠의 혜택을받지 않습니다. OmniWindow는 계시 창과 마찬가지로 모달 창 내용에 DIV 요소를 사용합니다. ModalBox는 페이지 콘텐츠 및 오프 페이지 모달 콘텐츠에 대한 옵션을 제공합니다.

CSS를 사용하여 모달 창 내용을 숨길 때는 "표시 : 없음"또는 "가시성 : 숨김"을 피하십시오. 이러한 속성은 콘텐츠를 읽으려는 모든 CSS를 제거하는 크롤러 및 화면 판독기를 포함하여 모든 사람의 콘텐츠를 숨 깁니다. 대신 절대 위치 지정을 사용하여 음의 위치 값을 만들고 해당 내용을 숨 깁니다. 이렇게하면 시각 장애인이 사용하는 화면 읽기 소프트웨어와 로봇이 모달 창에서 호출 할 때까지 페이지에 나타나지 않고 해당 내용을 크롤링 할 수 있습니다.

삼.

alt 태그 값과 캡션을 사용하여 모달 창에서 이미지에 SEO 값을 추가하십시오. 이미지에 모달 창을 사용하는 경우이 효과를 일반적으로 "라이트 박스"라고합니다. alt 태그를 사용할 때 주제를 포함시켜 검색 엔진 최적화를 개선하십시오.

필요한 경우에만 모달 창을 사용하십시오. 페이지에서 콘텐츠를 숨길 정당한 이유가 있지만 사기범은 숨겨진 콘텐츠를 사용하여 페이지로 키워드를 채 웁니다. 너무 많은 숨겨진 콘텐츠는 나쁜 SEO에 종사하는 검색 엔진에 의해 귀하의 웹 사이트가 블랙리스트에 올 수 있습니다.

팁

로그인 양식과 같은 비 콘텐츠 용 모달 창을 사용하는 경우 사용자가 검색 엔진을 통해 찾을 수있는 정보를 제공하지 않으므로 다른 페이지에서 해당 콘텐츠를로드하는 것이 좋습니다.
외부 링크 콘텐츠를 사용하는 경우 링크에 "rel = nofollow"를 사용하지 마세요. 로봇이 그 내용을 계속 크롤링하는 것을 멈추지는 않지만, 링크가 페이지 랭크 (pagerank)에 포함되지 않도록 로봇을 설정합니다.

경고

한 페이지의 콘텐츠와 코드가 많을수록로드하는 데 시간이 오래 걸리며 느린로드도 SEO에 영향을줍니다. 균형은 유용하고 SEO 최적화 된 페이지를 만드는 데 중요합니다.
키워드 채우기 또는 페이지 순위와 관련없는 사기성 콘텐츠 포함과 같은 '나쁜'SEO 관행에 숨겨진 요소를 사용하지 마십시오.
모달 창을 생성 할 때 유용성에 중점을 둡니다. 너무 많은 콘텐츠를 상자에 너무 많이 사용하거나 너무 많은 모달 요소를 사용하면 방문자가 좌절감을 느낄 수 있으며 웹 사이트에서 콘텐츠를 좀 더 쉽게 보여줄 수 있습니다.