'SEO' 카테고리의 글 목록

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

Published Date: 2024. 11. 16.

[ 수익형 워드프레스 블로그 ] 제작하기 서버 데이터 베이스 구축 수익형 워드프레스 블로그 제작자신의 서버에 수익형 워드프레스 블로그 와 사이트를 구축 합니다. 이번에는 MySQL 데이터베이스 설치 방법을 설명합니다. 리눅스에서 패키지 업데이트 후 MySQL을 설치하고, 데이터베이스와 사용자 생성, PHP-FPM 설치 및 워드프레스 설치 합니다. 마지막으로, Caddy를 이용해 워드프레스 설정을 완료합니다.수익형 워드프레스 블로그 와 사이트를 제작하기 위해 자신의 서버를 구축하는 작업을 먼저 진행합니다이번에는 웹서버에 데이터 베이스를 설치 하는 방법을 알아보도록 하겠습니다.리눅스 서버에 데이터베이스 와 워드프레스를 설치하는 방법을 단계별로 설명하겠습니다. 웹 서버로는 Apache와 Nginx등...여러종류가 있지만 여기서는 MySQL의 설치 방법입니다.데이터 베이스 구..

Published Date: 2024. 11. 15.

웹사이트를 쉽게 식별하고 사이트 브랜드를 강화해주는 파비콘을 쉽게 제작하는 사이트 파비콘(Favicon)파비콘(Favicon)은 웹 사이트나 웹 페이지의 작은 아이콘으로, 사용자가 웹사이트를 식별하고 쉽게 사이트를 방문할수 있는데 중요한 역할을 합니다. 아이콘 형태로 웹 페이지의 탭, 북마크 목록, 브라우저 주소 표시줄 등에서 나타나며, 웹 사이트의 인식도를 높이는 데도 도움이 됩니다.파비콘의 역할파비콘은 단순하고 작은 아이콘이지만, 웹사이트의 전문성을 강화하고, 사용자가 사이트를 쉽게 찾을 수 있도록 돕습니다.특히, 사용자가 여러 개의 웹 페이지를 열어 놓고 검색할 때, 파비콘은 브라우저 탭에서 각 사이트를 구별할 수 있도록 도와줍니다. 이 작은 아이콘은 사이트의 로고나 상징적인 이미지를 작게 표현하여, 사이트의 특징을 한눈에 알아볼 수 있게 합니다.파비콘의 위치파비콘은 보통 fav..

Published Date: 2024. 11. 14.

빙검색 엔진에서 [ ALT 특성이 정의되어 있지 않습니다.] 문제 해결 방법 빙검색 엔진에서 이미지 ALT 특성이 누락된 문제 해결하기빙 검색 엔진에서 " 이미지 태그에 ALT 특성이 정의되어 있지 않습니다 "문제는 블로그 스킨에서 발생하는 문제 중 하나입니다. Bing의 웹사이트 분석 도구인 Bing Insights에서는 이미지 ALT 특성이 정의되지 않았다는 경고 메시지가를 받은 경험이 있다면, 블로그에서 이미지를 올리지 않았는데도 불구하고 이 문제가 발생하는 이유에 대해 궁금할 수 있습니다.그 이유는 블로그 테마 코드에 숨어 있는 ALT 속성 값이 누락되어 있기 때문입니다.이미지에 ALT 특성이 정의되지 않음1. ALT 특성웹사이트에서 이미지를 사용할 때, ALT (Alternative Text) 특성은 스크린 리더에게 필요한 요소입니다. ALT는 이미지가 제대로 표시되지 ..

Published Date: 2024. 11. 13.

[검색엔진 최적화] 링크를 크롤링할 수 없음 오류 해결 방법 링크를 크롤링할 수 없음 해결 방법구글 PageSpeed Insights에서 웹사이트를 점검할 때 "링크를 크롤링할 수 없음" 오류가 발생하는 경우가 있습니다. 이 오류는 종종 웹사이트에서 발생할 수 있습니다. 동적으로 형성되는 이미지나 동영상을 클릭하면 팝업창으로 표시하는 기능을 제공하지만, 이 링크들이 검색 엔진에 의해 크롤링되지 않는 경우가 많습니다.1. 링크를 크롤링 할수 없음 오류 예시다음은구글 PageSpeed Insights와 관련된 크롤링할 수 없는 링크의 예시입니다.크롤링할 수 없는 링크div.lb-outerContainer > div.lb-container > div.lb-loader > a.lb-canceldiv.lb-dataContainer > div.lb-data > div.lb-..

Published Date: 2024. 11. 12.

웹사이트 갱신 정보를 빠르게 알려 주는 네이버 인덱스나우 소개 네이버 인덱스나우 소개네이버 인덱스나우 (IndexNow)는 웹사이트의 페이지가 새로 생성되었거나, 업데이트되었거나 삭제된 경우 해당 변화를 검색 엔진에 신속하게 알려주는 API 입니다. 네이버 인덱스나우 프로토콜을 통해 웹사이트의 변화를 검색 엔진에 실시간으로 알릴 수 있으며, 이방법을 통해 검색 로봇이 사이트를 직접 크롤링하는 과정을 기다리지 않고도 빠르게 반영될 수 있습니다.또한, 검색 엔진에 알린 갱신된 페이지 정보는 다른 검색엔지들에도 공유될 수 있습니다.하지만 IndexNow는 웹사이트의 색인(검색 결과)을 확정하지는 않습니다. 단지 검색 엔진에 갱신된 정보를 알리는 역할만 하며, 해당 페이지가 검색 결과에 실제로 반영되거나 색인될지는 검색 엔진의 정책에 따라 달라질 수 있습니다.1. API ..

Published Date: 2024. 11. 11.

Published Date: 2024. 11. 10.

Uncaught Tag Error 에러 검색 엔진 최적화 구글 애드센스 UncaughtTagError구글 검색 최적화중 애드센스 광고에서 발생하는 Uncaught Tag Error 에러 해결 방법과 이 문제로 발생하는 광고 최적화 방법에 대한 내용 그리고 구글 애드센스 광고의 호스팅 계정과 퍼블리셔 계정에 관한 글입니다.특히 Uncaught Tag Error at dq 에러를 해결 할수 있는 방법은 있습니다.Uncaught Tag Error at dq 에러는 구글 애드센스 광고에서 주로 발생하며 이 문제는 광고가 동일한 위치에서 즉 동일한 속성을 지정할때 발생합니다.구글애드센스 광고 오류 해결 방법구글 애드센스 광고가 로딩되는 과정입니다.광고가 로드 될 시아래 스크립트 코드로 로딩하게 됩니다.class="adsbygoogle" data-ad-client="ca-pub-950..

Published Date: 2024. 11. 9.

[ 검색 엔진 최적화 ] CSS 초기화 변동성 제거와 레이아웃의 안정화 CSS 초기화레이아웃 변동을 줄이기 위해서는 CSS 초기화 (CSS Reset)는 중요한 작업중 하나 입니다. 그 이유는 각기 다른 인터넷 브라우저들이 기본적으로 설정해 놓은 스타일이 서로 다르기 때문입니다. 이로 인해 웹 페이지의 레이아웃이나 디자인이 브라우저마다 다르게 표시될 수 있습니다.CSS 초기화 작업은 여러 종류의 인터넷 브라우저가 기본적으로 설정된 스타일이 서로 틀리기 때문에 발생할수 있는 불일치를 제거하고 기본적으로 설정된 CSS스타일을 CSS초기화를 통해 일관되고 의도된 방향으로 적용하는 방법입니다.CSS 초기화를 하지 않게 되면 기존의 설정된 브라우저의 기본 CSS요소가 적용될수 있고 CSS요소가 적용되는 과정에서 이미 설정한 CSS와 충돌 및 레이아웃의 변형이 발생할수 있습니다.CSS..

Published Date: 2024. 11. 8.

[ 티스토리 스킨 수정 ] 블로그에 유튜브 동영상 카테고리 리스트 코드 티스토리 블로그 동영상 리스트 만들기블로그를 운영하면서 글만으로 콘텐츠를 전달하는 데 한계가 느껴질 때가 있습니다. 특히 요즘처럼 다양한 형식의 미디어 소비가 활성화된 시대에서는 글만으로는 독자들에게 충분히 정보를 전달하기 어려운 경우가 많습니다. 이럴 때 유용한 도구가 바로 동영상입니다.유튜브 채널을 운영 중이거나 동영상 콘텐츠를 제작하는 블로거라면, 자신의 블로그에 동영상을 효과적으로 통합하는 것은 더 이상 선택이 아닌 필수가 되었습니다. 이 글에서는 블로그에 동영상을 공유하고, 블로그 스킨을 수정하여 이를 잘 노출시키는 방법에 대해 다뤄보겠습니다.블로그에서 동영상의 중요성기존의 블로그는 글과 이미지 중심으로 운영되는 경우가 많았습니다. 하지만 이제는 동영상 콘텐츠를 결합한 블로그 운영이 필수적인 요..

Published Date: 2024. 11. 7.

링크에 인식 가능한 이름이 포함되어 있지 않습니다. [검색엔진 최적화] 링크에 인식 가능한 이름구글 성능 검사에서 " [ 링크에 인식 가능한 이름 ]포함되어 있지 않습니다. " 에 대한 오류 해결 방법입니다.웹 페이지에 글을 작성할 때, 이미지를 사용하는 경우가 많습니다. 좋은 이미지는 페이지의 품질을 크게 향상시킬 수 있으며, 글의 특색과 개성을 부각시키는 데 중요한 역할을 합니다.이 글에서는 이미지의 중요성과 함께 이미지 링크에 대한 대체 텍스트의 필요성에 대해 알아보겠습니다.링크에 인식 가능한 이름 해결 방법구글은 권장 사항중 하나로 이미지에 링크가 존재 하는데 링크를 대체할 텍스트가 누락돠게 되면 성능검사 점수에서 감점 시킵니다. 그 안내로 "링크에 인식 가능한 이름이 포함되어 있지 않습니다" 스크린 리더 사용자의 탐색 환경을 개선할 수 있습니다. 라는 문구 입니다...

Published Date: 2024. 11. 3.

[ 글 수정 날짜 표시 ]하는 코드 소개- 티스토리 블로그 스킨 수정 글 수정 날짜 표시 방법티스토리 블로그의 글을 작성하거나 홈페이지의 글을 작성한 후 추가적으로 글을 수정하는 경우 [ 글 수정 날짜 표시 ]하는 방법입니다. 아래 코드를 확용하시면 글 수정 날짜를 자동으로 원하는 위치에 표시해줍니다. 글을 작성하고 정보가 변경되거나 글의 내용이 수정될 경우 해당 글 수정 날짜를 방문자에게 안내하는 것은 글의 신뢰도를 높이는 중요한 요소입니다.한 번 작성한 글이 오랜 기간 동안 업데이트되지 않으면 방문자는 정보의 신뢰도에 의문을 갖게 되며, 최신 정보로 업데이트한 작업의 보람이 없어질 수 있습니다.따라서 글을 작성한 후 업데이트가 이루어진 경우 방문자에게 적극적으로 글을 수정한 날짜를 알리는 것은 글의 신뢰도를 높이는 중요한 방법이며, 검색 엔진 최적화에도 긍정적인 영향을..

Published Date: 2024. 11. 2.

티스토리 블로그 제작 가이드 1 스킨편 1. Magazine 스킨 티스토리 블로그 스킨 소개티스토리 블로그를 시작하려면 제일 먼저 티스토리에서 제공하는 티스토리 블로그 스킨을 선택해야 합니다. 티스토리에서 기본적으로 제공하는 스킨은 총 10개가 있습니다. 그중 오늘은 magazine 스킨을 알아보겠습니다.Magazine 스킨티스토리 블로그 스킨중 magazine스킨은 개인적으로 디자인 측면에서 훌륭하다고 생각합니다. 특히 이미지와 관련된 콘텐츠를 제작하려고 생각중이라면 좋은 선택이 될수 있습니다.매거진 스킨의 커버 종류매거진 스킨에서 제공해주 는 스킨 커버는 총 6가지의 스킨커버를 제공해주고 있습니다. 대부분이 이미지에 특화되 있는듯합니다. 아래는 매거진 스킨의 종류입니다.구글 SEO 테스트아래는 기본 콘텐츠를 노출 시키고 광고를 올리지 않은 기본 상태에서 구글 SEO..

Published Date: 2024. 10. 31.

블로그 수익 개선을 위한 고정 광고 활용 방법과 간단한 코드 소개 고정 광고 활용 방법블로그에서 광고는[ 블로그 수익 ]에서 매우 중요한 요소이며 [고정 광고 ]를 활용해서 수익을 개선하는 방법입니다. 가장 일반적인 광고는 구글 애드센스, 카카오 애드핏, 네이버 애드포스트와 같은 플랫폼에서 제공하는 광고입니다.블로그 수익 개선 광고 활용자동으로 제공되는 광고는 블로그 운영자가 쉽게 설정할 수 있어, 별다른 신경을 쓰지 않고 노출하는 경우가 많습니다. 하지만 이러한 방법에만 의존하게 되면 몇 가지 문제가 발생할 수 있습니다.가장 큰 문제는 과다 노출로 인해 방문자의 불편함을 초래하는 것입니다. 이는 블로그 방문 감소와 방문 기피 현상을 유발하며, 의도하지 않은 무효 클릭을 초래할 수 있습니다. 또한, 과도한 광고 노출과 부적절한 광고 배치는 광고 효율성을 떨어뜨려 방문객..

Published Date: 2024. 10. 30.

이미지 최적화 미리로드[Preload]와 지연로드 로딩 속도 최적화 검색엔진 최적화와 이미지 로딩 속도검색엔진 최적화(SEO)에서 이미지 로딩 속도는 매우 중요합니다. 이 글에서는 특히 이미지 사용이 속도에 미치는 영향과 최적화를 위한 전략방법을 살펴보겠습니다.이미지 로딩 속도 최적화이미지 포맷 형태이미지 파일은 주로 PNG, GIF, JPG 형식으로 사용 하지만, SEO를 위해 WebP 형식으로 변환하여 사용하는 것이 권장됩니다. WebP는 더 나은 압축률을 제공하므로 로딩 속도를 개선할 수 있습니다. 이미지 변환 및 압축다양한 이미지 포맷 변환 사이트를 활용하면 쉽게 이미지를 변환할 수 있습니다. WebP 포맷은 작은 용량으로 높은 품질을 유지할 수 있어 검색엔진 최적화에 유리합니다. 또한, 변환한 이미지 파일은 가능한 한 압축하여 사용해야 합니다. 이렇게 하면 로..

Published Date: 2024. 10. 29.

SEO 67

티스토리툴바