자라기 햄버거 메뉴

목차

    반응형

    티스토리 블로그를 운영하시는 분들 중 여러 가지 이유로 저를 포함해 많은 분들이 북클럽 스킨을 이용 중이실 텐데요 북클럽 스킨을 사용하시면 구글 SEO 권장사항에 있는 H1태그는 하나만 사용한다는 사항에 어긋나게 됩니다. 그 이유는 북클럽 스킨은 블로그 이름, 포스팅 제목이 H1 태그로 잡혀있기 때문에 중복이 발생되는데요 이번 포스팅은 H1 태그 중복이 발생되지 않게 포스팅 이름에 있는 H1 태그를 수정하는 방법에 대해서 전달드리겠습니다.

     

    목차

    • 블로그 이름 중복(수정할 태그) 찾기
    • 중복 태그 삭제 및 대체 태그 삽입
    • 코드 설명

    우선 간략 요약 후 본문에 누구나 따라 할 수 있도록 쉽고 상세하게 설명드리겠습니다.

     

     

    요약

    블로그 설정 → 꾸미기 → 스킨 편집 → HTML편집 → 대체 텍스트 삽입(본문 내용 참고) → 적용

     

     

    상세 설명

     

    H1 중복 태그(수정할 태그) 찾기

    먼저 수정할 태그를 찾아보도록 하겠습니다.

    블로그 설정 → 꾸미기 → 스킨편집 → HTML 편집 → HTML과 CSS 둘 중 저희는 HTML 수정을 할 예정이니 HTML을 선택해 줍시다. HTML 화면에서 Ctrl + F를 누르신 후 <header id="header">를 입력 후 검색을 해주세요. 그리고 아래에 있는 코드와 일치한 부분을 확인해주세요.

     

    <>까지 전부 입력하셔야 정확하게 찾을 수 있습니다. 혹시 검색이 안되시는 분들은 직접 스크롤을 내려가면서 아래에 있는 코드를 찾으셔도 됩니다. 대략적인 위치는 20~30번째 줄 사이에 위치하고 있습니다.

     

    <div class="inner">
      <h1>
        <a href="https://qqooopp.tistory.com/">
          <s_if_var_logo>
            <img src="" alt="자라기">
          </s_if_var_logo>
          <s_not_var_logo>
            자라기
          </s_not_var_logo>
        </a>
      </h1>
    <div class="util">

     

    대체 태그 입력

     

    위 코드를 찾으셨다면 이제 아래에 있는 코드처럼 수정을 해야 됩니다.

    코드는 파일로 올려놨으니 다운로드하셔서 편하게 복사 붙여 넣기 해주시면 됩니다.

    붙여 넣기 할 위치는 <div class="inner">와 <div class="util"> 사이에 넣어주면 되는데 편하게 <div class="inner"> 코드부터 <div class="util">까지 드래그한 후 아래 코드를 붙여 넣기 해주면 된다.

     

    H1-tag.txt
    0.00MB

    ※ 주의 사항 ※

    혹 코드를 잘못 붙여놓은 상태에서 적용을 눌러버리면 되돌리 수 없기 때문에 기존 코드를 메모장에 옮겨놓은 뒤 작업을 진행해주시면 되겠습니다.

     

    아래에 있는 코드가 수정이 완료된 코드입니다.

    <div class="inner">
      <p style="font-size: 1.6875em; color: #000; padding: 15px 0 5px 0;">
        <a href="https://qqooopp.tistory.com/" style="text-decoration: none;">
          <s_if_var_logo>
            <img src="" alt="자라기">
          </s_if_var_logo>
          <s_not_var_logo>
            자라기
          </s_not_var_logo>
        </a>
      </p>
    <div class="util">

     

     

    코드 설명

    <p style="font-size: 1.6875em; color: #000; padding: 15px 0 5px 0;">
    
    
    
    
    
    
    
    
    </p>

    ↑ 기존 H1 태그로 적용되어 있던 폰트 크기와 동일하게 적용시키기 위한 코드

     

    <a href="https://qqooopp.tistory.com/" style="text-decoration: none;">

    ↑ 마우스를 올렸을 때 밑줄 효과를 제거하는 코드

     

     

    지금까지 티스토리 북클럽 스킨 H1 중복 태그 수정에 대해 알아보았습니다. 최대한 간략하고 쉽게 따라 할 수 있도록 설명하였으니 편하게 수정 후 구글 SEO에 문제 되지 않게 포스팅하시기 바랍니다. 감사합니다.

    반응형
    위쪽 화살표