CSS를 작성하여 Google 검색결과에 순위를 표시하는 방법

3354 단어 CSSgoogle
SEO를 일하고 있는 분이라면, 공감해 주실 수 있다고 생각합니다만,



어떤 검색 결과에 대해, 이 기사는 몇위인가? 맨 위에서 세어 ...
라는 경험이 없습니까?

그럴 때, 얼른 몇 번인지 알 수 있는 방법을 소개합니다.

방법



먼저 Chrome 확장 프로그램 "stylus"을 설치합니다. 이것은 좋아하는 웹 사이트 스타일 (CSS)을 모든 CSS로 바꾸는 부가 기능입니다.

그리고, 상세 설정으로, 아래와 같이 설정을 실시해 주세요.

stylus를 선택하고 "관리"를 선택



그러면 다양한 메뉴가 출력됩니다. 거기에서 "새 스타일 만들기"를 선택합니다.



둘째,
  • 지정된 CSS를 붙여 넣습니다
  • 지정된 URL을 붙여 넣습니다. https://www.google.com
  • 임의의 이름을 입력(참고:google_rank) ← google 검색했을 때만 이 스타일을 적용시킨다
  • 저장



  • 지정된 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라든지 사용하면 지정 키워드의 순위는 정기적으로 취할 수 있습니다만, 이번은 바삭바삭하게 아는 방법을 소개했습니다. 고마워요!

    좋은 웹페이지 즐겨찾기