블로그를 조금 손볼까 싶어서 시작했는데
생각보다 엄청 손볼게 많고 알아야 하는 게 많았다.
까먹지 않기 위해 나름의 정리와 좋은 글들이 있는 링크들을 남긴다.
나처럼 블로그를 처음 찾아보는 사람들에게 길잡이가 될 수 있다면 기쁘겠다.
사진 최적화
나는 사진 최적화라는 단어를 처음 들어보았다.
구글에서는 사진 용량으로 인한 로딩 속도에도 점수를 준다고 한다.
확실히 우리나라는 인터넷이 빠르지만 해외의 경우에는 사진의 용량도 중요하겠다는 생각이 들었다.
그동안 마구 올린 사진들... 미안하다.
ALT 태그에 점수를 좀 더 준다고 한다.
이는 시각장애인들을 위한 기능에 사용되니 사진에 대한 설명이 들어가는 게 좋다고 한다.
티스토리 블로그에 사진 최적화를 해야 하는 이유와 방법
다음(daum)이나 네이버(naver) 검색에 노출되는 것보다 구글(Google)에서 노출이 되도록 하는 것이 목적으로 작성하는 포스팅에서 중요하게 생각하여야 할 것이 사진입니다. 이에 사진을 포스팅에 넣
zeroruna.tistory.com
이미지 용량 관리
블로그 이미지 관리 방법 : 이미지 용량, 이미지 저작권, 이미지 최적화에 대하여
| 들어가며 : 티스토리 블로그를 시작하고 10개월이 지나서야 블로그 이미지 관리에 대하여 저만의 기준을 갖게 되었습니다. 그전까지는 블로그를 포스팅할 때 이미지를 몇 개를 올려야 할지, 어
wally33.tistory.com
사진 최적화에 대해 알고 나니
이미지 용량을 관리해야겠다는 생각이들었다.
이 블로그에서는 '타이핑'이라는 사이트를 알려준다.
TinyPNG – Compress WebP, PNG and JPEG images intelligently
Make your website faster and save bandwidth. TinyPNG optimizes your WebP, PNG and JPEG images by 50-80% while preserving full transparency!
tinypng.com
무손실 압축이 가능한 사이트라고 한다.
미넴 스킨
머리가 깨질 것 같다.
내가 그동안 얼마나 편하게 블로그를 운영해 왔는지 느낄 수 있었다.
사람들이 추천하는 스킨이 있나 둘러보다가 미넴 스킨에 있는 번역 기능! 이 매우 매력적이라 적용해보았다.
그리고는 지금 사용법을 배우는 중이다.
설명이 굉장히 잘 되어 있는 편이며
하나하나 설명하는 글을 남겨 주셨다.
그리고 업데이트를 자주 하신다고 한다.
티스토리 무료 최강 미넴 스킨 소개 및 설치 방법
기본 제공 스킨을 나름대로 고쳐 쓰다가 만족하지 못하고 그냥 새로 만들었습니다. 여태까지 블로그를 하면서 적용한 많은 기능들을 대부분 포함하였으니 누군가에게는 상당히 유용한 스킨이
sangminem.tistory.com
인피드 광고 적용
매번 구글의 자동 광고에 맡겨 왔던 나는 이렇게 많은 광고 적용받는 방식이 있는지 몰랐다.
미넴 스킨 제작자 분께서는 광고 적용을 이미 할 줄 아는 분들을 위한 글을 작성하셔서
어디에 뭘 넣어야 하는지 한참 헤맸다.
이 분의 링크가 인피드 광고를 적용하는데 도움이 되었다.
세상에 나는 광고를 그냥 띄우는 건 줄 알았지
내가 꾸며서 내놓을 수 있는지는 처음 알았다.
[Adsense]인피드 광고의 개념과 애드센스에서 인피드 광고 생성하는 방법
현재 구글 광고단위는 디스플레이 광고, 인피드 광고, 콘텐츠 내 자동 삽입 광고, 일치하는 콘텐츠 등 총 네 가지가 있습니다. '광고단위'와 '디스플레이 광고게재 방법'에 대해서는 이전 포스팅
rankro.tistory.com
메타 태그 날려먹음
스킨 설정하다가 메타 태그 날려먹었다.
구글 쪽은 아래 링크의 도움을 받았다.
진짜 아찔아찔하다.
구글서치콘솔 메타태그 재확인하는 법(2022년 3월에 가능한 방법)
처음 티스토리 블로그를 하고자 마음먹고나서 블로그를 세팅할 때 필수로 해야하는 것들이 몇 가지가 있다. 그 중 한가지가 구글에드센스, 네이버웹마스터도구에 내 블로그가 잘 검색될 수 있
1stmust.com
하으... 네이버는 지웠다가 다시 해야 한다고 한다.
메타태그는 진짜 꿈에도 생각 못했다.
네이버 메타 태그는 아래 링크의 도움을 받았다.
사라진 메타태그 복구하는 방법(Feat. 구글 서치콘솔 & 네이버 서치어드바이저)
스킨변경 후, 블로그 노출 최적화를 위해 심어두었던 구글과 네이버 메타태그가 사라지고 말았다 ㅠㅠ (이전 글, 블로그 스킨 변경시 주의할 사항 참고) 일은 이미 벌어졌고, 어떻게 하겠는가..
yolo60.tistory.com
문제의 시작점
티스토리, 간단한 h2태그 입력 방법
티스토리에서는 h태그를 아주 쉽게 작성할 수 있습니다. 너무 기초적인 것이어서 그런지 설명한 글이 없었습니다. 저처럼 이것을 모르는 분들도 계실 거라 여겨 간단한 h태그 만들기를 알립니
kmshani.tistory.com
이 글에서부터 문제가 시작되었다.
북클럽 스킨의 경우 H1 태그가 중복 적용된다는 점
혹여나 내 스킨이 그 문제에 해당되지 않을까 싶어서 찾아봤는데
그럼 괜찮은 스킨이 뭐가 있는지 찾아보다가
스킨 바꾸고, 광고 설정하고
시간이 진짜 벼락처럼 지나갔다.
내 블로그의 가로길이 확인하기
다시 이미지 최적화로 돌아와서
내가 궁금한 부분은 줄인다면 어느 정도로 줄여야 하는지
픽셀은 얼마나 바꿔야 하는지 찾아보았는데
아래 글이 어느 정도 도움이 되었다.
아래 글에서는 내가 사용하는 블로그의 너비를 기준점으로 잡으라고 했다.
[티스토리 시작하기] - #6. 블로그 이미지 최적화하기
블로그에 글을 작성하실 때, 참조용이든 썸네일용이든 이미지를 삽입하게 됩니다. 저 또한 이미지를 글에 삽입하여 작성하는데 기존에는 이미지의 최적화 없이 직접 촬영한 이미지와 저작권과
castle-goog.tistory.com
난잡한 글
글이 많이 난잡하다.
도움이 되기는커녕 사람들이 혼란에 빠질 것 같지만
일단 내가 겪고 고려한 흐름을 남겨 두었다.
급하게 뭔가 하려니까 정말 쉽지 않다.
'공부 > 코딩' 카테고리의 다른 글
[달력] 필터링 작업 7일 전, 1개월 전 3개월 전 6개월 전 (0) | 2023.06.15 |
---|---|
Do it 점프 투 파이썬 - 1일차 (0) | 2022.11.03 |
알고리즘 기초-5판 예제 1.4 (0) | 2022.06.09 |
알고리즘 기초-5판 예제 1.1 (0) | 2022.06.04 |
220307 애플 개발자 아이디 만들기 (0) | 2022.03.07 |
댓글