CSS를 작성하여 Google 검색결과에 순위를 표시하는 방법
어떤 검색 결과에 대해, 이 기사는 몇위인가? 맨 위에서 세어 ...
라는 경험이 없습니까?
그럴 때, 얼른 몇 번인지 알 수 있는 방법을 소개합니다.
방법
먼저 Chrome 확장 프로그램 "stylus"을 설치합니다. 이것은 좋아하는 웹 사이트 스타일 (CSS)을 모든 CSS로 바꾸는 부가 기능입니다.
그리고, 상세 설정으로, 아래와 같이 설정을 실시해 주세요.
stylus를 선택하고 "관리"를 선택
그러면 다양한 메뉴가 출력됩니다. 거기에서 "새 스타일 만들기"를 선택합니다.
둘째,
지정된 CSS를 아래에 붙여넣습니다.
body {
counter-reset: result !important;
}
h3.LC20lb:before {
content: counter(result) ". " !important;
counter-increment: result !important;
display: inline-block;
background: #fbe4c2;
margin-right: 1em;
}
포인트는, CSS 의 프로퍼티인
counter-increment
(을)를 사용해, 임의의 클래스 ( h3.LC20lb
)를 요소 횟수 마다 일련번호를 붙이고 있는 곳입니다.여기까지 설정할 수 있으면 Google 검색 시 순위가 표시됩니다.
이제 얼른 몇 번인지 알게 되었어요.
개선 포인트
2 페이지째에서도 1부터 표시되어 버리는 곳이군요. 여기, 어떻게든 할 수 있는 분, 코멘트 기다리고 있습니다. 물론, GRC라든지 사용하면 지정 키워드의 순위는 정기적으로 취할 수 있습니다만, 이번은 바삭바삭하게 아는 방법을 소개했습니다. 고마워요!
Reference
이 문제에 관하여(CSS를 작성하여 Google 검색결과에 순위를 표시하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ryosuketter/items/53b2b211d096370377a6
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(CSS를 작성하여 Google 검색결과에 순위를 표시하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ryosuketter/items/53b2b211d096370377a6텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)