IT 팁 공유 사이트

전체 글32

한국에서 가장 많이 사용되는 브라우저, 디바이스, 검색엔진 순위 웹사이트를 만들고 검색엔진에 노출되어 사용자들의 방문과 체류시간을 늘리기 위해서는, 자신의 웹사이트가 어디에 노출되고, 어떻게 보여지는 등을 알아야합니다. 그러기 위해서는 나의 콘텐츠가 소비되는 시장이 어떻게 이뤄져있는지 부터 알아야겠죠. 그래서 Statcounter 사이트를 이용하여 알아보았습니다. 웹사이트 환경 개선 관련 글 : - Statcounter로 전세계 화면 해상도 크기별 점유율 알아보기 - 애드센스 수익을 높이는 7가지 노하우 - 초보자가 볼만한 SEO 및 코딩 용어 간단 정리 - 구글 SEO 최적화를 위한 무료 크롬 확장 프로그램 5가지 한국사람들이 가장 많이 쓰는 디바이스 대한민국내에서 모바일기기가 압도적으로 높습니다. PC의 경우 1인 1PC보다는 1 가정에 1PC의 보급률이 보편적이.. 티스토리 Tip 2023. 5. 8.

Statcounter로 전세계 화면 해상도 크기별 점유율 알아보기 가끔 웹사이트를 돌아다니다 보면 '이 사이트는 1920x1080 해상도에 최적화되어 있습니다.'와 같은 문구를 보신 적이 있으실 겁니다. 해상도별로 크기조절이 자동으로 되는 반응형 이미지나 카테고리를 설정한 게 아니라면, 가장 많이 사용되는 해상도를 타깃 잡아 자신의 웹사이트를 꾸미기 마련입니다. 블로그의 글을 작성하거나, 광고를 등록하는 등, 웹사이트에 자신의 콘텐츠를 작성할 때에 나의 글을 봐주는 독자에게 어떻게 내 글이 노출되는지를 꼭 의식해야 합니다. 방문자 입장에서 나의 글을 보는 것이 불편하다면, 체류시간이 떨어지게 되고, 이는 검색엔진에서 유입되는 것에 악영향을 끼치게 됩니다. 그러므로 가장 대중적인 해상도의 사이즈로 글을 작성해야 더 많은 방문자가 편안함을 느낄 수 있게 됩니다. 그러기 위.. IT 정보 2023. 5. 8.

애드센스 수익을 높이는 7가지 노하우 일을 하면서 취미로 남는 시간에 블로그에 글을 작성하고 있습니다. 언젠가 블로그가 나에게 불로소득을 가져와주지 않을까 하는 기대감으로, 이슈성 글이 아닌 정보성 글을 작성하고 있죠. 아직은 열심히 불로소득의 시스템을 만들어 나가는 단계지만, 분명 효율적으로 소득을 높히는 방법이 있습니다. 제가 알고 있는 애드센스 수익증대를 위한 노하우를 작성해 보겠습니다. 애드센스 수익을 높이는 7가지 노하우 광고 종류 차단으로 CPC 높이기 광고와 일치하는 형식의 이미지 디자인 만들기 광고 효율적으로 배치하기 큰 광고 사이즈 넣기 일관성 있는 주제로 블로그 운영하기 검색엔진 SEO 최적화 진행하기 양질의 글 작성하기 광고 종류 차단으로 CPC 높이기 애드센스에 등록되는 광고의 단가는 애드센스에 광고를 요청하는 광고주의.. IT 정보 2023. 5. 8.

초보자가 볼만한 SEO 및 코딩 용어 간단 정리 블로그의 SEO 작업 및 CSS 문법으로 디자인할 때, 웹페이지에 광고를 넣을 때 등 생소한 컴퓨터 용어들이 등장합니다. 기본적으로 알면 답답함이 덜하겠다 싶은 것들을 간추려서 정리해 봤습니다. 다른 용어의 뜻과 사용방법 등을 알아갈 때마다 게시글을 수정해서 추가하도록 할게요. SEO 및 코딩 용어 정리 RPM 1,000회 노출당 수익을 뜻하는 RPM은 예상되는 수입을 페이지 조회 및 노출, 검색이 발생한 횟수로 나누어 1,000을 곱한 값으로 실제로 발생한 수익을 뜻하지는 않습니다. '나의 웹사이트 페이지를 1,000명에게 노출된다면 수익은 얼마 정도 일까?' 정도의 질문 CPC 클릭당 비용을 뜻하는 CPC는 나의 페이지에 방문한 독자가 광고를 클릭할 때마다 게시자가 벌어들이는 금액을 뜻합니다. 광고의.. IT 정보 2023. 5. 6.

알캡쳐 다운로드 사용방법과 팁 윈도우 10의 기본적인 캡처 기능은 유용하게 사용되지만, 제한된 점이 많습니다. WebP 확장자로 바로 변환이 안된다거나, 편집 기능이 유용하지 못하다거나, 고정된 크기의 캡처가 불가능하기도 합니다. 알캡처의 경우 윈도우10의 기본 캡처기능을 많이 보완 및 대체가 가능합니다. 알캡처의 설치방법, 사용방법, 환경설정에 대해 알아보겠습니다. 알캡처 란? 이스트소프트에서 배포하는 PC 스크린샷 캡쳐 프로그램입니다. 단축키를 이용하여 다양한 기능을 활용할 수 있으며, 무료로 아무런 제약없이 사용이 가능하다는 큰 장점이 있는 프로그램입니다. 23년 5월 6일을 기준으로, 최근 패치가 23년 4월 4일로 지속적으로 버전 패치가 이뤄지고 있습니다. 알캡처 설치방법 1. 이스트소프트의 알캡처 공식 다운로드 사이트에 접.. IT 정보 2023. 5. 6.

WebP의 특징과 변환 프로그램 소개 WebP에 대해 생소하신 분들도 많으실 겁니다. 혹시 유튜브나 넷플릭스를 보고 계신가요? 만약 보고 계신다면 이미 WebP를 접하고 계신겁니다. 바로 유튜브나 넷플릭스의 썸네일이 WebP로 만들어져 있기 때문이죠. 구글에서 개발한 이미지 포맷 방식인 WebP의 특징과 변환 프로그램에 대해 알아보겠습니다. WebP 란? 웹피는 2010년도에 구글에서 개발한 이미지 포맷으로 Web와 Picture의 합성어입니다. 기존 웹에서 사용되는 JPEG나 PNG, GIF 보다 같은 품질에도 높은 압축률을 보여줍니다. 그리고 기존 이미지 포맷이 JPG, PNG, GIF로 각각 분할되어 사용되었는데 반해 WebP는 이 세 가지 포맷을 전부 대체 가능 합니다. 기존 이미지 포맷들의 특징 먼저 웹피가 2010년도에 나왔다는 .. IT 정보 2023. 5. 6.

PageSpeed Insights 측정으로 사이트 속도 향상하기 블로그를 운영하거나 웹페이지를 검색엔진에 상위노출 시키기 위해서는 사람들에게 보이는 콘텐츠가 가장 중요하지만, 다른 사람들과 동일선상에서 출발하기 위해서는 자신의 웹페이지가 SEO 최적화가 되어있어야 합니다. 하지만 자신의 웹페이지의 부족한 부분과 개선방법을 어떻게 알 수 있을까요? 그것을 알려주는 PageSpeed Insights에 대하여 알아보겠습니다. PageSpeed Insights 란? PageSpeed Insights는 구글에서 제공하는 서비스입니다. 사이트나 블로그 등의 로딩 시간과 로딩 시간이 오래 걸리는 이유와 해결방법 등을 알려주는 유용한 사이트입니다. 속도를 측정해 주는 다른 사이트도 많지만, 무료로 이용하기에는 기능이 제한되어 있거나, 회원가입 등이 필요한 사이트가 대부분입니다. 하.. IT 정보 2023. 5. 6.

구글 SEO 최적화를 위한 무료 크롬 확장 프로그램 5가지 블로그나 홈페이지 등의 웹사이트 활동을 할 때 검색엔진 최적화가 필수입니다. 많은 SEO 프로그램들이 있지만, 제가 사용해보거나 사용 준비중에 있는 확장프로그램들을 소개시켜드리려 합니다. 크롬 확장 프로그램은 마이크로소프트의 엣지는 물론, 네이버의 웨일 브라우저에서도 설치가 가능합니다. 구글 SEO 최적화를 위한 확장 프로그램 5가지 SEO pro extension : 온페이지 SEO 점검 Ubersuggest : 키워드, CPC, 트래픽, 롱테일 키워드 등 Lighthouse : 테크니컬 SEO 점검 view rendered source : 검색엔진의 크롤링 방식에 따른 내 페이지 점검 MOZ Bar : 페이지 영향력, 도메인 순위 등 티스토리 블로그 관련 글 - 티스토리 블로그 이미지에 테두리 넣는 .. IT 정보 2023. 5. 6.

티스토리 블로그 이미지에 테두리 넣는 가장 쉬운 방법 색상이 들어간 이미지의 경우 기존 티스토리의 바탕과 대비되기에 구분이 가지만, 흰색바탕의 이미지를 티스토리 본문에 삽입하게 되면 바탕색과 구분이 가지 않습니다. 그래서 구분을 주기위해 테두리가 필요합니다. 블로그 글 작성시 사징이나 이미지에 테두리를 넣는 가장 쉬운 방법을 알아보겠습니다. 테두리 넣은 결과물 먼저보기 본문 이미지에 테투리 넣는 방법 1. HTML 편집 > CSS > 가장 아래로 스크롤을 내립니다. 2. 아래 코드를 받아 복사하여 붙여넣습니다. 3. 자신이 원하는 선 두께나 색상을 수정하고, 적용합니다. 스킨편집 주의사항 들어가기에 앞서, 스킨편집에 관련된 모든 행위는 잘못하면 돌이킬 수 없는 문제가 발생할 수 있습니다. 그러니 꼭 스킨 변경 > 보관으로 현재 자신의 스킨을 백업해두시길 바.. 티스토리 Tip 2023. 5. 5.

색상코드 검색 사이트 와 정말 편한 확장프로그램 colorpicker 웹에서 디자인 작업을 할 때 동일한 색상을 넣기 위해서는 색상코드를 반드시 알아야 합니다. 프로그램을 설치하거나, 다른 사이트들을 사용해 색상코드를 알아내기란 여간 불편한 게 아닌데요. 제가 알려드리는 검색 사이트와 사기급 편의성을 제공하는 색상코드 확장프로그램 컬러픽커에 대하 알려드리겠습니다. 색상코드 검색 사이트 1. 아래 링크를 통해 PINETOOL 이라는 색상코드 검색 사이트에 접속합니다. 👉색상코드 검색 사이트 바로가기👈 2. 색상코드가 궁금한 이미지의 파일을 업로드하여 십자선의 지점으로 해당 좌표의 색상코드가 무엇인지 알아낼 수 있습니다. 이미지 상단에 위치한 확대, 축소 등의 도구를 사용하면 더욱 정확하게 알 수 있습니다. 3. 이미지 우측에 위치한, COLOR 탭에서 해당 컬러코드와, RG.. IT 정보 2023. 5. 2.

티스토리 블로그 작성자 날짜 숨기기 및 배경색 변경 방법 수익형 블로그를 운영할 때 타인이 마음만 먹으면, 작성자와 날짜 등을 바탕으로 해당 블로그를 쉽게 공격을 받을 수도 있습니다. 공격을 당하게 된다면 수익창출에 매우 치명적인 타격이 오게 되는데요. 이를 방어하고자 작성자와 날짜를 숨기는 방법에 대해 알아보겠습니다. 블로그를 운영할 때 반드시 필요한 작업이니 아래 글을 참고해 주세요. ▶ 본문 간단 요약 1. 블로그 관리 > 스킨 편집 > HTML 편집 > CSS에서 post-cover를 검색합니다. 2. height 값을 변경해 타이틀 배경의 높이를 조절합니다. 3. background-color 값을 변경해 타이틀의 배경색상을 변경해 줍니다. 4. post-cover .category를 검색하여 카테고리, 포스팅 타이틀, 작성자, 작성날짜의 color .. 티스토리 Tip 2023. 5. 1.

티스토리 부분 복사 허용하기 플러그인 없이 복사금지 하는 방법 정성으로 작성한 블로그 글을 누군가 복사 붙여넣기로 쉽게 불펌하는 일은 매우 짜증나고 화나는 일입니다. 티스토리에서 이를 방지하고자 오른쪽 클릭 방지 플러그인을 추가해주었는데요. 해당 플러그인을 이용하면 안타깝게도, 모든 복사가 막히게 됩니다. 복사가 필요한 긴 글 같은 경우 다른 사람들에게 공유하기가 난감하죠. 그래서 간단하게 부분 복사를 허용할 수 있는 방법을 준비해 보았습니다. 본문 간단 요약 1. 블로그 관리 > 플러그인에서 마우스 오른쪽 클릭 방지를 해제합니다. 2. HTML 편집 > CSS > 최하단으로 스크롤을 내리고, 해당(다운로드) 코드를 삽입합니다. 3. 복사 허용을 글자를 적기 위해 포스팅 단계의 HTML 작성 화면으로 이동합니다. 4. 복사할 글자를 적으면 해당 글자는 복사가 허용됩.. 티스토리 Tip 2023. 5. 1.

이전 1 2 3 다음

티스토리툴바