전체 글

post-thumbnail

지오206 스킨

2022.06.11

지오206 스킨
post-thumbnail

JavaScript 구구단 테이블 (html + css + js)

2022.03.28

자바스크립트 구구단 테이블, 중복 반복문을 이용해 구구단의 각 배수를 html table 태그에 행과 열로 나열시킨 후 CSS로 스타일을 입혀봅니다. Multiplication Table HTML 삽입 미리보기할 수 없는 소스
post-thumbnail

티스토리 이미지 최적화로 SEO 성능 향상하기

2022.01.12

티스토리 SEO 성능 향상을 위한 이미지 최적화, 대다수의 티스토리 블로거들은 구글 검색 유입을 위해 SEO에 친화적인 글 쓰기 방식에만 집중하는 것 같습니다. 검색엔진 최적화(SEO)에 있어 이미지 또한 중요한 역할을 한다는 것은 다들 잘 알고 있을 것입니다. SEO에 중요한 역할을 하는 이미지를 최적화시키지 않고 사용하면 오히려 SEO에 악영향을 끼칠 수 있습니다. 이 글의 주제는 이미지를 이용해 구글 방문자를 늘리자는 것이 아닌 이미지를 최적화해 티스토리 블로그 성능을 향상하자는 것입니다. 티스토리 이미지 최적화 이미지가 최적화되지 않은 티스토리 블로그를 [구글 페이지 스피드]를 이용해 검사해 보았습니다. 이미지와 관련된 문제점 4가지를 찾을 수 있었습니다. 구글 페이지 스피드가 로딩 속도나 성능 ..
post-thumbnail

티스토리 애드센스 본문 중간 광고 여러 개 넣기

2022.01.10

티스토리 본문 중간 광고 티스토리 서식을 이용해 한번만 작성해 놓으면 언제든 재사용할 수 있고 간편하게 원하는 위치에 광고를 삽입할 수 있습니다. 티스토리 본문 중간 광고 넣는 방법 티스토리 본문 중간 광고를 넣는 방법은 총 4가지로 가장 편리한 방법은 애드센스 관리 > 광고 설정에서 중간 광고 스위치를 켜고 본문 에디터 메뉴에서 "광고"를 선택해 넣는 방법이 있습니다. 그런데 광고를 하나만 넣을 수 있다는 것이 단점이죠. 아무래도 티스토리 정책상 과다한 광고를 지양해서 인 것 같습니다. 자동 광고는 내가 원하는 위치에 넣을 수 없다는 단점이 있고 매번 HTML 모드를 이용하는 것은 매우 번거롭습니다. 에디터 메뉴 "광고" 자동 광고 HTML모드 서식 이용 티스토리 서식 이용 애드센스 저장 티스토리 본문..
post-thumbnail

티스토리 브레드크럼 문자 주소 사용자 주의사항

2022.01.09

티스토리 브레드크럼 적용 시 문자 주소 사용자 주의사항입니다. 브레드크럼을 적용시키는 코드도 공유되고 있지만 주의 사항에 대한 자세한 설명은 없는 것 같습니다. 브레드크럼이 무엇인지 잘 모르는 분들도 있을 것 같은데요 현재 티스토리에서 공유되고 있는 브레드크럼을 보면 아래와 같은 형태입니다. "홈 >> 카테고리명 >> 포스팅 제목" 브레드크럼에는 2가지 종류가 있습니다. 하나는 단순히 html로 시작적인 것만 표시하는 방식과 구조화된 데이터를 이용해 구글 검색 결과에 반영되는 방식이 있습니다. 이 중 구글 검색 결과에 반영되는 브레드크럼에 대해 이야기해 보려고 합니다. 티스토리 브레드크럼 적용과 검색 결과 우선 티스토리 블로그가 구글 검색 결과에 어떻게 반영되는지부터 보겠습니다. 아래 이미지는 숫자 주소..
post-thumbnail

티스토리에서 구글 블로그로 이전 로딩 속도 때문에?

2022.01.09

얼마 전부터 티스토리 사용자 중 구글 블로그로 이전을 고려하시는 분들이 생겨나기 시작한 것 같습니다. 예전에는 티스토리에서 다른 플랫폼으로 이전을 한다면 1순위가 워드프레스였는데 요즘은 구글 블로그를 대안으로 생각하시는 분들도 있는 것 같습니다. 여러 가지 이유가 있겠지만 로딩 속도 문제 때문에 이전하려고 한다면 이 글 꼭 읽어 보시길 바랍니다. 구글 스피드 페이지 성능 점수와 로딩 속도에 대한 오해가 있는 것 같아 이 글을 작성합니다. 많은 분들이 구글 페이지 스피드 점수가 로딩 속도를 말하는 것으로 오해하는 것 같습니다. 참고로 구글 블로그의 정식 명칭은 구글 블로거이며 블로그 스팟이라고도 합니다. 지금부터는 구글 블로거로 칭하겠습니다. 그리고 티스토리에서 스킨이라고 하는 것을 구글 블로거에서는 테마..
post-thumbnail

티스토리 애드센스 광고 효율적인 게재 위치 초보편

2022.01.09

티스토리 본문 내에서 애드센스 광고 위치와 게재 방법, 처음 애드센스 승인을 받고 나면 자동 광고를 사용해야 할지 아니면 직접 원하는 위치에 넣는 것이 좋은 지 고민하게 되죠. 보편적으로 광고 클릭이 가장 많이 발생되고 수익이 가장 많이 나는 위치가 본문 상단이라고들 합니다. 고수분들은 블로그 주제에 따라 또는 포스팅 양질에 따라 다르다고 하죠. 그리고 고수분들은 오랜 경험과 실험을 통해 터득한 노하우를 가지고 애드센스 광고를 운영합니다. 우리는 초보이니 경험과 노하우를 쌓는 게 선행돼야겠죠. 애드센스 광고 게재 위치 애드센스 광고를 게재하기 전 초보자 분들이 가장 많이 착각하고 있는 게 광고를 넣으면 무조건 100% 나온다는 것입니다. 애드센스는 그렇지 않습니다. 광고 게재율은 블로그 주제에 따라 문맥..
post-thumbnail

티스토리 첫 페이지를 내가 원하는 페이지로 리디렉션

2022.01.05

티스토리 첫 페이지를 내가 원하는 포스팅 또는 페이지로 리디렉션 시키는 방법입니다. 경우에 따라 유용하게 사용될 수 있겠지만 불필요한 리디렉션은 검색엔진 최적화에 좋지 않으니 이점 유의하시길 바랍니다. 아래 코드 중 "내주소" 부분과 "이동시킬 주소" 부분을 자신의 주소로 수정 후 스킨 편집 HTML로 접속해 바로 아래에 붙여 넣기 합니다. 복사할 코드
post-thumbnail

애드센스, 무효 트래픽과 계정 정지 원인

2022.01.05

애드센스 무효 트래픽 원인은 일일이 나열할 수 없을 만큼 무수히 많다고 합니다. 그리고 누구도 그 무효 트래픽을 발생시키는 원인을 알지 못한다고 해요. 안다면 그것을 피해 광고 수익을 쉽게 얻거나 경쟁자를 공격하겠죠. 흔히 무효 트래픽 하면 누군가가 고의 적으로 클릭한 것만 생각하곤 합니다. 트래픽 공격이라고 하죠. 어떤 한 사람이 고의적으로 클릭한 경우 무효 트래픽으로는 잡히지만 그것만 가지고 계정이 정지되지는 않는 것 같습니다. 애널리틱스를 통해 광고 클릭된 수를 보면 매일 수십에서 수백 번 이상 클릭된 광고들을 흔히 볼 수 있습니다. 구글 애드센스는 이런 고의적인 클릭 행위에 대해 잘 알고 있어 무효 트래픽으로 처리하지만 계정은 정지시키지 않고 있는 것 같습니다. 광고 클릭 유도 광고 클릭을 유도하..