'SEO' 카테고리의 글 목록 (5 Page)

문서작성시 불필요한 태그 자동 삭제 변경 방법 자동 태그 삭제 변경자동 태그 삭제 변경 스크립트는 블로그 글 작성 시 글 사이에 삽입된 불필요한 태그를 자동으로 정리하여 코드를 깔끔하게 만들어줍니다. 이는 불필요한 태그가 문제가 될 수도 있다는 전제에서 작성했으며, CSS 스타일도 변경된 코드에 적용하여 기존과 동일한 효과를 유지할 수 있습니다.블로그 글 작성히 글 사이에 들어가는 태그를 깔끔하게 정리해주는 간단한 스크립트입니다. 이 태그들이 글에 전혀 문제가 되지 않을수도 있으며 영향을 줄수도 있습니다. 그러나 한가지 분명한것은 없는것이 있는것 보다 긍정적이지 않을가 생각합니다. 가능하면 문제의 소지가 발생할수 있는 불필요한 태그는 있는것 보다는 없는게 더 긍정적이라고 개인적으로 생각합니다.매번 글을 작성하면서 이런 불필요한 태그를 정리하기 힘들 ..

Published Date: 2024. 6. 21.

블로그 HTML 자동 최적화 프로그램 티스토리 블로그 최적화티스토리 블로그 HTML 코드를 자동으로 수정 추가해주는 간단한 프로그램입니다. 사용하는 스킨의 종류를 확인하시고 호환 여부를 확인하세요. HTML 수정 작업은 문제가 발생할수 있기 때문에 반드시 데이터를 백업하시고 진행하실 것을 권해 드립니다.아래 프로그램은 크게 코드를 수정하지는 않습니다.그래서 특별하게 문제를 발생시키지는 않지만 복사 과정에서 실수로 코드의 일부를 누락시키거나 오타등 작은 실수도 전체 블로그에 문제를 일으킬수 있기 때문에 충분히 숙지 하고 진행하셔야 합니다.블로그 데이터 백업은 관리자 페이지에서 진행하시면 되고 CSS, HTML도 별도로 백업을 권해 드립니다.아래 프로그램은 HEAD 부분의 meta viewport를 변경합니다.그외는 다른 코드는 설정이나 변경 ..

Published Date: 2024. 6. 19.

티스토리 블로그 전체스킨 검색 최적화 평가 점수 테스트와 점수결과 티 블로그 최적화 테스트티스토리 블로그 스킨의 최적화를 점검한 결과, 대부분의 초기 스킨은 우수한 점수를 기록했습니다. 그러나 특정 스킨에서는 특정 코드로 인해 점수가 하락했고, 일부 테마는 수정 코드로도 개선되지 않아 추가 작업이 필요했습니다. 특히, 글, 댓글, 광고, 동영상 등이 시스템 성능에 영향을 미칠 수 있습니다. 이 테스트는 검색 최적화의 영향을 확인하려는 목적이며, 고정 방문자가 많고 고품질 콘텐츠를 제공하는 블로그에는 큰 의미가 없습니다. 초보 운영자는 자신의 블로그를 점검해보는 것이 좋습니다. 현재 블로그 검색 최적화 자동화 프로그램을 테스트 중이며, 특정 테마(#2, #1, Portfolio)는 수작업이 필요합니다.이 테스트의 목적은 티스토리 블로그 스킨의 점수를 평가하기 위한 것이 ..

Published Date: 2024. 6. 18.

특정 글을 찾아 앞뒤에 추가문자 입력하는 편집기 특정 문구에 특정문자를 앞뒤에 추가해 주는 간단한 텍스트 편집기 입니다. 대량의 글을 수정할때 특정 패턴의 문자들의 집합에 앞뒤 특정문자나 코드를 입력해서 수정하는 작업시 간단하게 추가하고자 하는 문자나 코드를 삽입해서 사용할수 있습니다. 입력할 텍스트 추출 시작 문자 추출 마지막 문자 ')"> 추가 입력 텍스트 추출 복사 지우기 추출된 텍스트 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스

Published Date: 2024. 6. 18.

HTML의 기본 구조의 이해와 블로그 스킨 수정 방법 .1 블로그 스킨 수정방법블로그의 페이지는 기본적으로 HTML과 CSS 두부분에서 코드를 변경하고 수정하는 작업을 하게 됩니다. 주로 관리자 페이지에서 스킨 편집 창을 통해 코드를 수정하거나 추가하는 작업을 진행하게 됩니다.이 작업은 많은 코딩 지식이 필요하지는 않고 누구나 할수 있습니다. 자신이 필요한 부분만 수정하고 작업하기때문에 굳이 전체 코드를 이해하고 공부하실 필요는 없는거 같습니다.원하는 결과물만 나오면 그만이기 때문에 코딩공부를 하기 위한 목적이 아니라면 간단한 몇가지 지식만 가지고도 충분히 코드를 수정해서 자신만의 블로그를 만들수 있습니다. 아래는 html의 기본 구성입니다. 크게 head 부분과 body부분을 구분해서 작업하시면됩니다. head부분은 크게 코드를 변경하지 않는 이상은 몇가지 수..

Published Date: 2024. 6. 17.

티스토리 스킨중 강추! 최적화 스킨 Book Club소개및 검색 최적화 테스트 티스토리 스킨 소개티스토리 스킨 book club 스킨은 최상의 선택인거 같습니다. 다른 스킨도 사용해 봤지만 이처럼 훌륭한 스킨은 정말 감탄스러울 정도 입니다. 제가 왜 이렇게 좋다고 평가하는 이유는 이 스킨은 홈페이지 역할 뿐만 아니라 다양하게 수정이 가능합니다. 그 중 가장 마음에 드는 이유는 쓰기 편하고 변경도 쉬운 이유입니다.블로그 스킨이지만 전혀 블로그 같지 않게 수정도 가능하고 무엇보다 구글 검색 최적화에 가장 탁월한 성능을 보여 주고 있습니다. 이 스킨을 이용해서 몇차례 테스트를 해본 결과 이 스킨의 모든 기능이 전혀 오류를 일으키지 않고 잘 작동하는 것을 확인 했습니다.만약 처음 티스토리 블로그를 사용하시는 분이라면 강추 해드립니다.이스킨을 이용해 구글 최적화 상위 점수를 받았습니다. 아..

Published Date: 2024. 6. 16.

문서에 유효한 canonical 없음 콘텐츠가 아닌 도메인 수정 방법 canonical 없음 수정방법블로그 카테고리 페이지에서 발생하는 "문서에 유효한 rel=canonical 없음" 및 "도메인의 루트 URL을 가리킴" 오류에 대한 구글 검색 엔진 최적화 안내 문구입니다. 이 문제를 해결하기 위해 개발자 도구를 사용해 카테고리 페이지의 canonical 태그를 확인했습니다. 실제로 접속한 카테고리 페이지의 canonical 태그가 루트 도메인인 https://openpc.tistory.com"을 가리키고 있음을 확인했습니다. 이는 구글 성능 검사에서 지적한 문제를 발생시킵니다. 카테고리, TAG, 검색 페이지에서도 동일한 문제가 발생하며, 이는 검색 최적화 성능 점수에 부정적인 영향을 미칩니다. 이를 해결하려면 각 페이지의 올바른 canonical 태그를 설정해야 합니다..

Published Date: 2024. 6. 15.

자동으로 유튜브 코드를 작성해주는 유튜브 전체 화면 자동 코드 작성기 유튜브 전체 화면 재생기 유튜브 영상을 자동으로 전체화면으로 변경해주는 코드 작성기입니다. 유튜브에서 영상 공유를 이용해서 작성되는 코드를 그대로 복사해서 붙여 놓으시면 자동으로 전체화면 코드로 변경이 됩니다.코드 작업이 필요없고 쉽고 빠르게 유튜브 영상을 코드로 변경해주기 때문에 코드에 대한 지식이 없어도 사용가능합니다. 변경된 코드는 제대로 작동하는지 현재 페이지에서 동영상을 직접 확인해볼수도 있습니다. 유튜브 동영상 코드 복사후 아래 입력란에 입력하시고 코드 변환을 하시면 됩니다. 동영상 재생 시작 시간도 설정 가능하며 설정 시간은 초단위로 설정하시면 됩니다. 미설정시는 처음부터 재생됩니다.예제 코드 코드를 복사해서 붙여 놓으시면 돕니다. YouTube Embed Code Modifi..

Published Date: 2024. 6. 14.

검색엔진 오류 보고 Uncaught Tag Error at dq 에러 해결 방법 Uncaught Tag Error at dq 에러 해결 방법과 이 문제로 발생하는 광고 최적화 전략에 대한 내용 그리고 광고 위치 선정의 중요성과, 광고 수를 제한하여 최적화하는 방법에 관한 글입니다. 특히 Uncaught Tag Error at dq 에러를 완벽하게 해결 할수 있는 방법은 있습니다. 그러나 아무도 그 방법을 쓰지는 않을거 같습니다. Uncaught Tag Error at dq 에러는 광고에서 발생하며 이 문제는 광고가 동일한 위치에서 즉 동일한 속성을 지정할때 발생합니다. 아래는 이해를 돕기 위해 간단한 설명입니다.광고가 로드 될 시 " 이코드에서 ins class 를 보시면 2개의 class가 같은걸 확인 할수 있습니다. 이 2개가 충돌이 일어나는 현상입니다. class="adsby..

Published Date: 2024. 6. 13.

SITMAP, 텍스트에서 텍스트를 추출하는 텍스트 추출기 텍스트에서 특정한 텍스트만을 추려서 사용할 때 또는 사이트맵에서 페이지 주소만을 추출하고 싶을 때 사용하는 텍스트 추출기입니다. 특정 문자의 시작과 출력하고자 하는 끝 문자를 입력해서 추출하게 되면 그 중간에 있는 텍스트 내용을 자동 추출해서 출력해줍니다. 주로 규칙적인 패턴을 가지고 있는 텍스트 문자에서 사용되며 추출된 내용을 복사해서 필요한 곳에 쉽게 사용할 수 있습니다. 보통 검색 엔진은 사이트맵을 등록하게 되면 자동으로 글을 추가하거나 내용이 변경될 때 그 내용을 크롤링하는데 어떤 엔진은 차단되어 글의 내용이나 새로운 글이 작성되어도 크롤링하지 못하는 경우가 있습니다. 대표적인 것이 마이크로소프트의 빙 검색 엔진입니다. 제가 알기로는 빙 검색 봇이 크롤링 시 많은 트래픽을 발생시켜서 티스토리에..

Published Date: 2024. 6. 13.

티스토리 블로그 최적화 Book Club 테마 수정 티스토리 블로그 수정작업 티스토리 자체 테마 중에 Book Club 테마를 수정해서 최적화 테마를 제작해 봤습니다. 몇 일 테스트 중이며 아직까지는 사용하는 데 별 문제가 없어 보입니다. 기본 테마에 최적화를 위해서 몇 가지 기능은 삭제했습니다. 많이 사용하지 않는 기능이고 전체적으로 메모리만 소비하는 부분 또는 필요하지만 이 부분을 포기하고 다른 이득이 될 수 있는 부분은 과감히 정리했습니다. 주 타겟 목표는 검색 엔진 최적화 점수와 CLS 허용 범위로 정했으며, CLS 허용 범위는 좀 빠뜻하게 모바일 테스트로 비중을 두고 작업을 진행했습니다. 그리고 티스토리 테마 원본을 그대로 유지하려고 최대한 구성을 변경하지 않았습니다. 아직 몇가지 해결이 안된 부분과 추가해야 할부분이 있지만 사람 욕심이 끝이 없..

Published Date: 2024. 6. 10.

구글 코어 웹 바이탈 보고서 웹 품질 보고서 설명과 합격 측정점수 구글이 코어 웹 바이탈(Google Web Vitals)이라는 성능 지표를 만들어 웹페이지에 대한 등급을 부여합니다. 이 등급의 결과로 검색 엔진의 결과 표시에 이용합니다. 검색 순위 등급에 영향을 주며, 이 정책은 2020년 업데이트되었고 추가 업데이트가 진행 중입니다. 구글이 이 등급에 왜 민감한지는 대외적인 명분은 사용자의 사용 경험을 향상한다고 하지만, 본 목적은 기업 운영에 부합되기 때문이라고 판단하는 것이 더 정확할 것입니다. 이 품질 보고서는 광고비 지급에도 영향을 주는 것으로 판단됩니다. 바이탈 등급이 높을수록 더 많은 수익을 인정하고 그에 대한 보답을 하는 방식입니다. 주 품질 평가는 LCP, FID, CLS입니다. 이 중에서 가장 비중을 두고 있는 항목은 CLS 항목입니다. 이 항목은 ..

Published Date: 2024. 6. 9.

검색엔진 최적화 . H1 태그 티스토리 이중 제목은 치명적인 품질 하락요소 티스토리 테마에 숨어 있는 H1 태그H1 태그는HTML에서 제목을 정의하는 데 사용됩니다. 검색 엔진은 이러한 제목 태그를 사용하여 페이지의 콘텐츠를 이해하고 인덱싱합니다. H1 태그는 페이지의 주요 제목을 나타내므로 검색 엔진은 이를 통해 페이지의 중요한 주제나 주요 키워드를 파악할 수 있습니다. 따라서 올바르게 사용된 H1 태그는 검색 엔진 최적화 (SEO)에 도움이 될 수 있습니다.여러 개의 H1 태그를 사용하면 검색 엔진은 페이지의 주요 제목이 무엇인지 판단하기 어려울 수 있습니다. 검색 엔진은 페이지의 구조를 분석하여 가장 중요한 내용을 결정하는데, 이 중요도를 판단하는 데 제목 태그인 H1의 역할이 큽니다. 따라서 하나의 페이지에는 일반적으로 하나의 H1 태그를 사용하는 것이 좋습니다. 추가적..

Published Date: 2024. 6. 9.

링크에 인식 가능한 이름이 포함되어 있지 않습니다. 수정방법 페이지에 글을 작성하다 보면 이미지를 사용하는 경우가 상당히 많이 발생합니다. 좋은 이미지 한개 만으로도 페이지의 품질을 올릴수 있을 정도로 이미지는 상당히 중요한 역할을 합니다. 어떤 이미지를 사용하는가에 따라 글의 특색과 개성이 살아나며 오히려 글이 전달할수 있는 정보보다 더 많은 정보를 쉽고 빠르게 전달할수 있는 역할도 합니다. 이런 이미지에 링크를 설정해서 더 많은 정보를 노출시키는 경우도 많이 있습니다. 이때 놓치기 쉬운게 이미지 링크에 대한 대체 텍스트 입니다. 즉 장애가 있는 사람이 사용시 이미지 링크에 대한 정보를 줄수 있는 방법중 하나 입니다. 이미지에 ALT 속성을 사용하여 이미지의 정보를 제공하는 경우는 상당수 있지만 이미지 링크에 대한 정보 제공은 빼먹는 경우가 많이 발생합니다. ..

Published Date: 2024. 6. 9.

검색엔진 오류 보고. user-scalable "viewport" 요소 속성 변경 홈페이지나 블로그의 상단에 메타(meta)태그가 정의 됩니다. 보통 문서의 정보를 제공하거나 검색 엔진(SEO)이 색인을 하는데 지침 역할을 하며 문서의 인코딩 설정 및 캐시 제어, 리다이렉트 등 기본적인 사항 등을 제어하는 역할을 합니다. 그중에서 모바일 기기와 웹페이지의 화면 상태의 작동을 제어해 주는 메타 태그가 VIEWPORT 라는 메타태그입니다. VIEWPORT 메타 태그의 속성 중 위의 코드로 지정 시 사용자가 화면을 확대해서 사용할 수 없게 지정하는 경우가 있습니다. 보통 티스토리 블로그의 기본 테마는 기본적으로 위의 코드가 기본값으로 설정된 경우가 상당수 있습니다. 이렇게 설정하면 화면을 확대해서 볼 수 없기때문에 시력이 좋지않은 사용자는 사용하기 힘든 경우를 대비해 구글에서는 권장 사항에..

Published Date: 2024. 6. 9.

SEO 94

티스토리툴바