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"이 방문을 하는점이었습니다. 티스토리 이외에 애드센스 운영은 처음이기도 하고 사용자 방문후 몇 초 이내 크롤러가 방문하여 확인하는것을 보고 대단하다고 생각되었습니다. 전 세계 애드센스 사용량을 생각하면 구글 서버에도 부담이 많이 갈텐데 말이죠. 당연히 이렇게 크롤링을 해두면 애드센스측의..
썸네일 이미지

티스토리 '수익' 메뉴 신설

수익 창출 관리기능을 곧 선보인다고 합니다. 공지를 보자마자 업데이트 후 문제될 점들이 몇개 보이는군요. 미리 예상될 주의해야될 점을 알아보고, 무엇이 바뀌는지 알아봅시다. 바뀌는 점 블로그 관리에 '수익'이라는 메뉴가 신설됩니다. 각 플랫폼 관리 메뉴에서 최근 수익 추이을 확인하고, 광고를 설정할 수 있습니다. 에디터에서도 본문 중간에 광고를 추가할 수 있도록 변경됩니다. 기대되는 기능입니다. 어떤 점이 좋아지나요 구글과의 업무 협의를 통해 'ads.txt 문제'를 해결했습니다. 애드센스를 연동하면 바로 해결됩니다. 심사부터, 광고 설정, 수익 확인까지 티스토리에서 바로 가능합니다. 복잡한 스크립트나 html 편집 없이도 on/off 버튼 클릭만으로 보다 편하게 광고를 설정할 수 있습니다. 1. ads..