hi098123 Tistory Tip
썸네일 이미지

티스토리에서 리스트 활용법

티스토리에서 글을 쓸때 저는 리스트 태그를 많이 사용합니다. 주된 이유로는 검색엔진이 받아들이기 쉬운 태그여서 그냥 글로 풀어쓰는것 보다 좋기 때문입니다. 로봇은 1., 2.과 같이 의미없는 글을 싫어하기도 합니다. 대신에 태그를 사용하면 로봇의 이해도 쉬워집니다. Google에서 스니펫에 올라가는 경우 태그의 내용을 우선적으로 색인하기도 합니다. 리스트 기본 활용법 그냥 순서대로 글을 쓴 뒤 리스트를 눌러 리스트를 생성하거나, 리스트를 누른 뒤 내용을 추가 할 수 있습니다. 글을 드래그합니다. 상단 글 메뉴에서 리스트를 누릅니다. 완성! 리스트 중급 활용법 리스트 안에 리스트를 넣고 싶다면 어떻게 할까요? 일단 리스트를 생성하고 글을 선택하고 키보드의 Tab키를 누르면 리스트의 자식으로 만들 수 있습니..
썸네일 이미지

티스토리 업데이트 이후 변화들?

daumcdn.net 속도 변화? 기존에 KT망을 이용했는지 안했는지 잘 기억이 나지 않는데(ISP로 Kakao Corp.만 있었던걸로 기억, Dreamline Co. 회선) 현재는 KT망, 다우기술망이 추가되어 있습니다. 이것 때문인지 최근 서버 다운이후 재부팅하여 빨라진것인지는 정확히 알수없으나, 속도가 빨라졌습니다. 컨텐츠 전송속도이므로 망과 관련이 있을것으로 보입니다. 기존에는 CloudFlare의 ICN 한국 엣지서버와 통신속도가 비슷했으나, 요즘에는 두배정도 더 빠른것으로 확인이 됩니다. 같은 용량의 같은 이미지처리속도가 서버처리(TTFB)는 비슷하지만, Content Download속도는 차이가 있습니다. 여러번 캐시 무시 새로고침 시도하였을때 서버처리속도는 3~5ms정도로 비슷했으나, 네트..
썸네일 이미지

네이버 웹마스터도구 HTML 구조 문제???

최근 네이버 웹마스터 도구의 사이트 구조 항목에 상태가 문제가 있다는 글을 몇개 본적 있는데, 별로 신경쓰지 않았다가 생각보다 많은사람이 문제가 있다고 하는것 같아 제 블로그중 한개를 들어가봤습니다. HTML 구조 문제? 평상시라면 html 구조상에 문제였을것입니다. 예를들어 head태그 끝이 없다던지 body태그가 여러개라던지... 그런데 2020/10/30쯤 부터 문제가 있다고 표시되는경우는 네이버의 서버문제입니다. 문제가 있다는 페이지들을 html 분석해봤는데 전혀 문제가 없기 때문입니다. Microsoft Edge의 개발자 도구가 제일 표준에 민감한데 저는 제일 마지막으로 검토할 때 Microsoft Edge 개발자 도구를 이용해서 표준 문제가 있는지 확인하고, IE를 이용해서 구버전 브라우저 지..
썸네일 이미지

티스토리 수익관리 기능에 대해 알아봅니다.

티스토리에 2020-10-27 업데이트로 수익메뉴가 신설되었습니다. 별도의 HTML수정없이 편하게 연동하는데 카카오는 의미를 두고 있습니다. 새로운 기능 수익 예측하기 수익 메뉴에 들어가면 카카오 AdFit광고를 홍보하며, 수익예측기능을 제공합니다. 일 방문수를 1,000~500,000 까지 조절하여 예상 연수익을 예측해볼수 있습니다. 여기에는 한가지 맹점이 있습니다. 맨 처음에서는 AdFit내용이 적혀 사용자로 하여금 애드핏 수익예측으로 착각하게끔 만들어져 있습니다. 의도된부분이 아닐까 의심되며, 실제 "내 블로그 수익 예측하기"에서는 연동플랫폼, 광고 수에 따라 실제 수익과 차이가 날 수 있습니다. 라고 안내합니다. 단가를 계산해보니 평균 애드센스 RPM(1,000조회수 당 수익)을 조금 넘는 수치가..

간단하고 깔끔한 제목 CSS로 꾸미기

제목을 간단하고 깔끔하게 꾸며보고자 합니다. 여러 디자인이 있겠지만 아래와 비슷한 느낌으로 꾸며보고자 합니다. 제목 CSS 코드 border-left 값으로 왼쪽 엣지를 꾸밀것이고 background-color로 배경색상을 줄것이고 padding으로 내부 여백을 줄것입니다. border-left 저는 PC, Mobile 모두 5px이 깔끔해보여서 5px으로 설정해보았습니다. border-left: 5px solid #FF9800; background-color 원하는 색상을 입력하시면 됩니다. background-color: #FFF3E0; padding 내부 여백입니다. 저는 10px이 깔끔한것 같아 10px으로 설정하였습니다. padding: 10px; 미리보기 제목 미리보기 h2{ padding: ..
썸네일 이미지

광고 렌더링에 실패했습니다.

애드센스를 관리하면서 처음 본 오류인데 "광고 렌더링에 실패했습니다."라는 오류가 떳습니다. 파이어폭스 브라우저를 이용했는데, 브라우저에서 광고를 차단하는 기능과 충돌이 있는것으로 예상하고 살펴보았는데 구글측에서의 문제인 정보로딩 API부분 문제로 예상이 됩니다. (어떤 의미냐면 구글 서버쪽의 문제로 광고 정보를 불러오지 못하고 있습니다.) 오류가 났다가 몇 분뒤에 정상적으로 표시되고를 반복하고 있는것으로 보아, 또 다음페이지로 넘기면 불러와 지는것으로 보아 이에 따른 해결방법은 하나가 있습니다. 기존의 대 화면이 아닌 작은화면으로 하나씩 처리하면 일부 문제있는 광고정보 이외에 처리가 가능합니다. 구글에서도 알려주지 않는 임시 해결방법 먼저 원래 화면대로 차단관리를 합니다. (렌더링 문제 발생시 다음페이..

애드센스 크롤러 Mediapartners-Google

Mediapartners-Google 저는 최근에 티스토리나 워드프레스등 다른 제품에 의존하지 않고 순수 php,html로만 사이트를 제작하여 애드센스를 승인 받았습니다. 배포후 2주만에 승인을 받긴했는데 오늘 서버로그를 보다가 특이한게 있어서 글을 작성하게 되었습니다. 서버 로그중 일반 사용자가 사이트에 접속한 로그가 발생하고, 몇 초후 같은 페이지를 항상 구글 애드센스의 크롤러인 "Mediapartners-Google"이 방문을 하는점이었습니다. 티스토리 이외에 애드센스 운영은 처음이기도 하고 사용자 방문후 몇 초 이내 크롤러가 방문하여 확인하는것을 보고 대단하다고 생각되었습니다. 전 세계 애드센스 사용량을 생각하면 구글 서버에도 부담이 많이 갈텐데 말이죠. 당연히 이렇게 크롤링을 해두면 애드센스측의..
썸네일 이미지

jsdelivr CDN 이용하기

jsdelivr CDN jsdelivr은 전세계적으로 이용할 수 있고, 해외에서 접근하기 어려운 중국에서도 빠른속도로 제공할 수 있습니다. 전세계적으로 빠른속도를 제공할 수 있는 이유로는 jsdelivr을 사용하면, 여러 CDN중에서 가까운(또는 가장 빠른)곳에서 파일을 전송하게 됩니다. 제공 과정 먼저 DNS가 이중화 되어있습니다. 그리고 CDN을 통하는데 Cloudflare, Fastly, StackPath, QUANTIL중에 가장 빠른 위치로 접속하게 됩니다. 만약에 이 4개 네트워크가 마비시, 아마존 S3서버를 통하게됩니다. 매우 안정적이고 빠를수밖에 없는 구성입니다. 한국에서는 jsdelivr은 한국에 서버가있는 Cloudflare와 StackPath로 부터 데이터를 전송하게 됩니다. 티스토리 ..