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

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

Published Date: 2024. 6. 9.

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

Published Date: 2024. 6. 9.

검색엔진 오류 보고. 아이프레임 요소에 제목이 없음 개선 사항 해결방법 티스토리 블로그에서 발생하는 접근성 개선 사항중 " div#wrap > header#header > div.inner > a" " a href= "http://블로그명.tistoryu.com/:>" 이라는 개선 사항이 발생하는 경우가 있습니다. 이 문제는 iframe 코드에 타이틀 속성이 누락되서 수정하라는 권고사항입니다. 이 때 문제는 이코드가 동적으로 부여되기 때문에 직접 수작업으로 변경이 불가능 하거나 어려운 경우가 있습니다. HTML 페이지에서 title 속성은 접근성에 중요한 역할을 합니다. 시각 장애인 등 장애가 있는 사용자가 웹 페이지를 탐색할때 필요한 기능으로써 접근성 개선 사항 중 하나입니다. 직접 코딩을 할때는 누락시 본인이 직접 수정하면 되지만 동적으로 생성되거나 변경되는 코..

Published Date: 2024. 6. 9.

구글 검색 최적화 노출과 CLS 평가의 연관성과 CLS평가 소개 CLS 평가 방법 소개스폰서 광고는 샘플로 상위 1위만 하고 스폰서 광고 다음에 가장 우선 노출이 되는 10위 사이트의 점수들입니다. 티스토리 블로그를 운영하기 때문에 티스토리 사이트에서 상위 블로그들도 같이 테스트해 보았습니다.좋은 사용자 환경의 권고 사항이 CLS 점수가 0.1 이하 여야 합니다. 0.1의 수치라고 하면 감이 안오실 겁니다.보통 블로그와 사이트 두 가지가 주로 테스트 대상이고, 기업용 홈페이지는 광고를 기재하는 경우가 거의 없기 때문에 제외하겠습니다. 일반 홈페이지도 광고를 기재하지 않는 경우가 있습니다. 상품, 기업 소개, 광고 외에 다른 아이템을 목적으로 검색 순위에 노출되기를 원하는 사이트들입니다. 이런 사이트들의 점수가 가장 높습니다.즉, 광고를 일체 하지 않고 정형화된 레이아..

Published Date: 2024. 6. 7.

구글 검색 최적화 노출은 CLS 평가 방법 소개 1편 침대 광고 중에 이런 광고가 있습니다. 흔들리지 않는 침대(시몬스 침대), 침대는 가구가 아닙니다. 과학입니다.(에이스 침대)라는 유명한 광고 문구들입니다. 이 문구에 숨겨진 의미는 침대는 가구와 다르게 기술이 들어간 제품이라는 뜻이 숨어 있습니다.즉, 흔들리지 않는 기술,눈에 보이지 않는 침대 안의 기업의 기술이 있다는 의미라고 생각됩니다. 구글 검색 이야기를 하지 왜 침대 이야기를 하는지 궁금하실 겁니다. CLS (Cumulative Layout Shift) 이야기를 하려고 합니다. 구글이 검색 순위를 매기는 가장 중요한 점수이기 때문입니다. CLS는 사이트에 사용자가 접속할 때 페이지가 로드되는 동안 본인이 의도하지 않은 레이아웃 변경이 얼마나 발생하는지를 체크해서 점수를 평가합니다.구글은 왜 중요..

Published Date: 2024. 6. 7.

HTML 코드 공유 따라 다니는 사이드 동적 광고 베너 코드 블로그. 사이트에 항상 따라 다니며 광고를 할수 있는 동적 베너 입니다. 간단한 JQUERY 라이브러리를 이용해 좌측과 우측의 빈 공간에 베너를 형성해서 안내글이나 광고등 필요한 내용을 알릴수 있습니다. 사용시 가능하면 메인 페이지의 사이즈를 고려 해서 NODISPLY를 설정했습니다. 필요에 맞게 베너 사이즈를 조절하시고 메인 페이지 크기도 조정해서 사용하시면 됩니다. 사용하는 방법도 누구나 쉽게 사용할수 있게 가장 간단하게 제작했습니다. 광고 코드를 입력하거나 이미지를 넣어서 사용하시면 됩니다. 티스토리 블로그 사용시는 아래 코드를 수정해서 HTML 배너출력에 넣어서 사용하시면 필요에 따라 활성화 비활성화 시키시면 됩니다. HTML 베너가 사이드 메뉴에 없는 분들은 플러그인 메뉴에서 설치 하시면 됩니다..

Published Date: 2024. 6. 7.

HTML 코드 정리기 (특정코드를 삭제 ,변경 작업을 쉽고 편하게 한번에 작업) HTML 코드 정리기에디터를 사용하다 보면 본인이 원하지 않는 코드가 HTML에 삽입되는 경우가 아주 많이 발생합니다. 특히 티스토리 에디터를 사용하면 고질적으로 공백 문자 및 불필요한 코드를 HTML 코드에 자동으로 삽입하게 되면서 잘못하면 검색 엔진이 본인이 작성한 글과는 전혀 다른 내용으로 인식해서 색인에 악영향을 주는 경우가 상당수 발생합니다.이런한 문제점을 수정하려면 매번 HTML 모드에 들어가서 수작업이나 다른 에디터로 이동 후 글을 정리해야 하는 불편함이 있습니다. 아래 프로그램은 간단하게 불필요한 코드를 삭제도 해주고 변경도 해주는 편리한 프로그램입니다. 코드 입력 삭제 코드 ..

Published Date: 2024. 6. 5.

CSS 최적화 후 불필요한 CSS 코드 삭제 방법 2 검색 최적화를 위해서 CSS를 최적화 후 불필요한 CSS를 삭제하는 작업입니다. 우선 이 작업을 하기전에 몇 가지 주의해야 할 것 부터 설명하겠습니다. 이 작업은 유료 사이트에 가시면 유료로 진행할수 있으나 굳이 비용을 지불하지 않고도 직접 작업이 가능합니다. 문제가 발생할 경우를 대비해서 미리 사전 작업을 진행해 주셔야 합니다. 권장사전 작업 전체 데이터를 백업할 것을 권해 드립니다.티스토리 블로그를 기준으로 설명하겠습니다. 관리자 메뉴에서 블로그 메뉴 데이터 관리 항목에서 간단하게 전체 백업을 진행 할수 있습니다. HTML. CSS 코드를 별도로 백업 하시고 복사본 파일로 작업을 진행 하면 됩니다. 사전 준비 작업 PowerShell 설치 본인의 컴퓨터 Windows PowerShell이 설치되 있..

Published Date: 2024. 6. 4.

검색엔진 최적화을 위한 CSS 최적화 후 불필요한CSS 코드 삭제 방법 1 CSS 최적화 불필요 코드 삭제 1블로그,사이트의 CSS 최적화 하는 방법은 간단하게 사이트를 통해서 쉽게 정리를 할수 있습니다. 그러나 운영중인 블로그와 사이트에서 사용하지 않는 CSS를 정리 한것은 아닙니다. 단지 중복되고 분산된 CSS를 검색 엔진이 쉽게 올수 있게 정리를 한것 뿐입니다.이사후 가구.배치만 정리를 해서 다시 배치를 한것이고 이제 불필요한 가구를 제거 해서 편하고 넓은 환경을 조성해서 많은 사람이 찾아올수 있는 집을 만들어 집을 보여줄 사장님을 모셔올 준비를 해야 합니다.먼저 CSS를 최적화 후 불필요한 CSS를 삭제한는 순서로 작업을 해주시면 됩니다.CSS 최적화 후 사용하지 않는 CSS를 완전히 삭제해서 운영 중인 블로그나 사이트를 가볍게 만들 수 있습니다.아래는 최적화도 불필요한..

Published Date: 2024. 6. 4.

검색엔진 최적화 로드 성능을 저하시키는 CSS 수정후 최적화 방법 블로그를 운영하다 보면 블로그 테마가 마음에 들지 않거나 불편해서 수정 작업을 해야 하는 경우가 있습니다. 기존 테마를 그대로 사용할 경우 사용하기 불편하기도 하고 가식성도 떨어지고 다양한 문제가 발생할 수 있습니다. 그러한 작업들은 주로 HTML 코드를 수정하기 보다는 CSS 작업을 통해 다양하게 자신만의 블로그와 사이트를 꾸밀 수 있습니다. 이 작업은 CSS 수정 작업 중 반드시 따라오는 문제점이 있습니다. CSS의 중복으로 인해 시스템이 느려지는 현상이 발생하며 이 현상은 검색에서 부정적 요소로 작용할 확률이 상당히 높아졌습니다. 그래서 간단하게 CSS를 최적화할 수 있는 사이트를 공유해드리겠습니다. CSS 최적화 작업을 하기 전에 반드시 원본 CSS는 백업 후 실행하기를 권해드립니다. 기존 CSS..

Published Date: 2024. 6. 3.

티스토리 closeContainer > a.lb-close 오류 해결방법 링크를 크롤링 할 수 없음 해결방법구글 PageSpeed Insights 점검시 아래와 같은 오류가 발생하게 되면 조치 하는 방법입니다. 아래 오류는 Lightbox(라이트박스)에 관련된 오류로써 라이트박스는 이미지, 동영상을 클릭하게 되면 팝업창으로 볼수있게 해주는 플러그인입니다.검색엔진에서 링크에 대해 href 속성을 사용하여 웹사이트를 크롤링할 수 있습니다. 앵커 요소의 href 속성이 적절한 대상에 연결되어 사이트에서 더 많은 페이지가 검색되도록 하세요. 링크를 크롤링할 수 있게 만드는 방법 알아보기 크롤링할 수 없는 링크✔ 예시크롤링할 수 없는 링크div.lb-outerContainer > div.lb-container > div.lb-loader > a.lb-canceldiv.lb-dataCo..

Published Date: 2024. 6. 3.

티스토리 블로그와 최적화 사이트 성능 비교 점검 티스토리 블로그 최적화티스토리 블로그의 최적화를 위해서 가장 최적화된 개인 사이트를 샘플로 그 사이트의 점수를 기준으로 티스토리의 대표적인 평균 블로그를 테스트했습니다. 전혀 예상하지 못한 결과값에 혼돈스러웠습니다. 아래는 티스토리 블로그의 최적화를 위해 몇가지 테스트를 진행해 본 결과입니다.티스토리블로그 테스트아래 테스트는 데스크탑 기준입니다✔ 예시이 점검 결과에서 성능 점수는 페이지에 따라 변동이 발생할 수 있습니다. 즉, 이미지와 동영상을 많이 사용한 페이지는 성능 점수가 많이 떨어집니다.문제는 검색엔진 최적화입니다. 이 값은 거의 동일했습니다. 그리고 권장사항은 기본적인 태그와 논리적으로 잘 작성된 글, 오래된 사이트일수록 점수가 높은 것으로 판단됩니다. 접근성도 블로그 특성상 거의 비슷한 결과값..

Published Date: 2024. 6. 2.

글자. 문단.단어. 텍스트 정렬 도구 텍스트 정렬 도구간단하게 텍스트를 입력하면 글을 정렬해주는 도구 입니다이 코드는 사용자가 텍스트를 입력하고 그것을 정렬하는 데 도움을 주는 간단한 웹 애플리케이션입니다. 주요 기능은 다음과 같습니다텍스트 입력: 사용자는 입력 텍스트 영역에 텍스트를 직접 입력할 수 있습니다. 이 영역은 여러 줄의 텍스트를 입력할 수 있는 확장 가능한 텍스트 상자입니다.정렬: 사용자가 입력한 텍스트를 정렬하는 기능이 있습니다. 사용자가 입력한 텍스트를 가져와 줄 단위로 분할하고, 이를 정렬하여 출력 영역에 표시합니다. 텍스트 정렬 도구 정렬 초기화 복사 " data-ke-type="html">HTML 삽입미리..

Published Date: 2024. 5. 9.

이미지 태그에 ALT 특성이 정의되어 있지 않습니다. 오류 이미지 ALT 특성이 누락됨티스토리 블로그는 Bing의 insights 항목에서 항상 이미지 ALT 특성이 정의되어 있지 않다는 경고 메시지가 나타냅니다. 그러나 나는 티스토리 블로그에 이미지 파일을 올리지 않았음에도 이러한 경고가 나타나는 이유 그것은 테마 코드에 숨겨진 속성이 없는 ALT가 존재 하기 때문입니다. 이미지에 ALT 특성을 제공하는 것은 검색 엔진 최적화(SEO)에도 중요한 역할을 합니다. 검색 엔진은 웹 페이지의 콘텐츠를 이해하는 데 이미지의 ALT 특성을 사용합니다. 이미지에 대체 텍스트가 제공되면 검색 엔진은 그 내용을 인식하고 콘텐츠의 주제와 관련된 검색 결과에 해당 이미지를 포함시킬 수 있습니다. 따라서 이미지에 ALT 특성을 제공함으로써 검색 엔진은 해당 이미지를 이해하..

Published Date: 2024. 5. 8.

글 작성 제목.요약 글수 제한 프로그램 글 작성 제목.요약 글수 제한 프로그램입니다. 검색 최적화를 위해 제목과 요약은 충분히 설명적이어야 하며, 키워드가 부족하거나 너무 길 경우 검색 엔진에서 찾기 어려울 수 있습니다. 아래 글수 제한 제목 요약 프로그램은 제목 작성 제한을 최소 15자에서 최대 70자로 제한해서 작성 편하게 글수를 알수있습니다. 글 제목이나 요약이 너무 길거나 짧은 경우에는 검색 최적화에 부정적인 영향을 미칠 수 있습니다. 왜냐하면 검색 엔진은 웹 페이지의 제목과 요약을 큰 가중치로 고려하여 검색 결과를 결정하기 때문입니다. 따라서 제목이나 요약이 충분히 설명적이지 않거나 키워드가 부족하면 검색 엔진에서 해당 페이지를 찾기 어려울 수 있습니다. 반면에 너무 긴 경우에도 검색 최적화에 부정적인 영향을 미칠 수 있습니다. 이 ..

Published Date: 2024. 5. 7.

SEO 96

티스토리툴바