썸네일 이미지
티스토리 글 분석 프로그램을 만들어보았다. 아직은 Beta. 아직 테스트 버전이지만 꽤나 적절한 결과를 보여준다. 다만 키워드 분석 등의 기능은 빅데이터 처리가 필요해서 아직 바로 사용할수있게 해 둘 수는 없고 어떻게 제공할지는 구상 중이다. 현재 기능으로는 작성 글의 키워드 분석 : 적절하게 작성했는가를 리뷰할 수 있음 애드센스 가치 있는 콘텐츠 : 애드센스에 가치 있다고 판단될만한 글을 작성했는가 알아볼 수 있다. * 글에 따라 300자 정도만 작성한 글인데 가치 있다고 판단하기도 한다. 정말 가치 있는 글은 글자 수가 중요하지 않다. 물론 글자 수는 많을수록 일반적으로 좋다고 판단 가능하다. 블로그 평가 위의 결과는 좋은 경우이다. 애드센스 광고가 달려있는 블로거인데, 검색량도 상당히 있을 걸로 보인다.(검색에 최적화되게 글을 작성) 검색에..
Firebase) Cloud Functions Node.js 10 무료 중단 Firebase용 Cloud Functions의 다음 두 가지 변경 사항 Cloud Functions Node.js 10 런타임을 사용하는 모든 Firebase 개발자는 "Blaze"종량제 결제 요금제를 사용해야합니다. Cloud Function의 Node.js 10 런타임이 일반 가용성에 도달했으며 Cloud Functions의 Node.js 8 런타임은 더 이상 사용되지 않습니다. 잠재적 중단 또는 보안 위험을 피하려면 기능을 Node.js 10으로 업데이트해야합니다. 요약) Node.js 8 에서 Node.js 10으로 업데이트 하면서 Cloud Functions 무료버전을 없애고 종량제 요금제만 이용가능 Node.js 8 에서 Node.js 10으로 업데이트 이유는? 2019년 12월 31일 No..
티스토리) 태그 활용법 티스토리에는 태그 기능이 있다. 다만 특별한 기능은 아니라서 잘 사용되지는 않는다. TistoryTip을 태그 한 글 목록을 생성한다면? 티스토리 팁을 적어논 글에 TistoryTip이라는 태그를 붙여놓았다. 그러면 이용자는 해당 태그로 관심 있는 관련 글을 모아 볼 수 있다. 티스토리의 카테고리는 너무 구조가 단순해서 모든 주제를 대주제 - 소주제로 분류할 수밖에 없다. 거기에 특정 글들만 묶을 때 사용하게 되면 글을 읽는 입장에서 편하게 비슷한 주제의 글을 읽을 수 있기 때문에 긍정적인 효과(세션 시간 증가 효과)가 날 수 있다. 다만 글 쓰는 입장에서는 조금 귀찮아진다 ㅋㅋ Tag는 티스토리에서 제공하는 기능으로 큰 의미가 있는 기능은 아니지만 비슷한 글을 묶을 때 같은 태그를 이용하여 카테고리의 ..
사이트 최적화) 속도 향상 꿀팁 정리 (html, css, js 편집) 사이트 로딩에 시간이 오래걸리면 로딩되기전에 나가기도 하고 그렇다면 검색엔진에 부정적인 영향을 줄 수 있습니다. 불필요하게 낭비되는 시간을 줄이려면 불필요한 작업을 없애고 용량이 큰 파일을 캐싱 처리하고 잘 처리하는게 좋습니다. 용량이 큰 파일을 빠르게 로딩시키기 용량이 큰 파일의 대표적인 예 폰트 이미지 자바스크립트 그 중 가장 로딩에 영향을 끼칠수있는게 폰트입니다. 목차 폰트 로딩 팁 이미지 로딩 팁 자바스크립트 로딩 팁 CDN 선택 1. 폰트는 로딩방법이 여러가지가 있습니다. 폰트 로딩 방법 1) CSS @import @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); IE6+ 모든 브라우저 지원합니다. 다만, 이 방법은 비추..
썸네일 이미지
비디오 스냅샷 도구 파일을 드래그앤드롭 (Drag & Drop Here) 옵션 값 완성 파일 가로 x 세로 x 해상도 px 여백 (이미지의) % 타임스탬프 ms 밀리세컨드 표시 표시 여부 미리보기 추출하기 영상 스냅샷 (미리보기 추출) 도구 간편하게 웹브라우저상에서 영상파일의 스냅샷(시간별 미리보기 이미지)을 생성하는 도구입니다. 준비물 동영상 파일 (예 : *.mp4, *.webm, *.flv, *.ts 등) 웹툴 페이지 (https://hi098123.tistory.com/226) 예상 소요시간 1분이하 (Under 1Minute) 기능 소개 1. 영상을 불러옵니다. 동영상을 끌어놓거나(드래그 앤 드롭) 클릭하여 영상을 불러옵니다. 영상은 업로드되지 않고 사용자의 웹브라우저 환경에서 작동합니다. 2. 옵션 설정 가로 세..
썸네일 이미지
작성글 키워드 분석 도구 원본 글 글 분석하기 글 분석 결과 ■좋음 | ■ 보통 | ■ 주의 글에서 키워드 찾기 보통은 글을 쓸때마다 기계적으로 분석하지는 않는다. 검색엔진은 분석하므로 검색엔진 최적화를 위해 필요할수있다고 생각이 들어 만들게 되었다. 작성글의 키워드를 분석하고, 검색엔진이 활용할 키워드를 잘 작성했는지 검증해볼수있다. 각 검색엔진별로 우선순위가 다를수있으므로 만능이 아니니 너무 맹신하지는 말자. HTML 분석으로 적절하게 키워드를 강조시켰는지 확인해볼수있다. 단어 빈도 우선순위와 강조 키워드 우선순위에 내가 작성하려던 키워드가 포함되었다면 글을 잘 썻다고 기계가 판단할만 하다. 글 분석 사용 방법 1. 티스토리에 작성한 이후 글을 복사하여 위의 "원본글"란에 붙여넣기 한다 2. 글 분석하기 버튼을 누르면 완료
CSS 압축도구 원본 CSS CSS 압축하기 압축 CSS CSS 압축하기 흔한 툴 중 하나이다. CSS 압축을 하는이유는 네트워크 용량감소(요즘에는 거의 없다.) + 읽기 불편하게정도(css는 뷰티파이어로 한눈에 볼수있다)뿐이다. 아쉽지만 요즘에는 거의 사용할 이유는 없다. 이유는 웹서버(Apache,Nginx 등)에서 충분히 압축을 한뒤(gzip) 사용자에게 전송된다. 서버와 브라우저가 사용하는 압축기술을 STRING인 CSS파일에서 사용할수는 없다. minify를 해도 단지 목적은 /* */ 같은 주석제거 정도가 되지않을까 싶다. CSS 팁 1. 양수(+) 소수는 0을 안붙여도 된다. (예: opacity:0.5 -> opacity:.5) 2. 세미콜론(;)은 Array join 처럼 마지막에 안붙어도 된다. (예:..
썸네일 이미지
애드센스 추적기) 누가 광고를 누르는가? 애드센스 애드센스는 사이트에 구글 광고를 달고 클릭 수익을 구글과 나누는 광고 플랫폼이다. 누가 광고를 누르는지에 대해 간단하게 실험해본 것 중에 하나인 티스토리 유저와 일반 사용자 중 누가 광고를 더 많이 누를까? 에 대해 중간 결과를 보려 한다. 광고 대상 정하기 크게 주제를 잡아보면 광고 대상 정하기가 될 것 같다. 내 블로그 중 시험대상 블로그는 방문자 비율은 다음과 같다. 방문자 비율 250 (비 티스토리 유저) : 1 (티스토리 유저) 일주일간의 데이터라 아직 숫자가 작아 유의미한 결과인지 모르겠으나 티스토리 유저가 4배 클릭률이 높았다. 다만 방문자 수가 압도적으로 차이 나서 클릭수 비율은 비 티스토리 유저가 압도적으로 높았다 전체 클릭 비율 250 (비 티스토리 유저): 4 (티스토리 유저..