쓰윔's
FootballManager
https://swimfm.tistory.com/
블로그
해당되는 글 8건
티스토리 애드센스 블록 감지 방법과 차단해제 요청하기 [블럭*애드블록(Adblock)*]은 애드센스 광고를 차단하는 확장 프로그램입니다. 이 프로그램을 사용하면 블로그 내에 설치해둔 애드센스가 나오지 않습니다. 그래서 이번 시간에는 이 애드블럭을 감지하고, 이 사이트를 예외 설정 해달라고 부탁하는 글귀를 띄우는 방법을 알아보도록 하겠습니다. 아래는 미리 보는 최종완성본 모습입니다. 애드블록을 키고 들어가자 예외 설정을 부탁하는 메세지가 뜨는 것을 볼 수 있습니다.[각주*이 블로그에선 적용하고 있지 않습니다.*] 감지->감지되었다면 자바스크립트를 발동하는 형태입니다. 자바스크립트를 모르시는 분이라도 복사+붙여넣기로 간단하게 따라할 수 있도록 소개하겠습니다. 애드블록 감지하기 간단 원리 설명 감지하는 방법은 간단합니다. 애드블록을 켠 채 광고가 있는 블로그로 ..
티스토리 블로그에서 스키마 태그, 리치 스니펫 활용하기 구글에 글을 검색했을 때 내 글을 더 돋보이게 만들 수 있는 방법이 있습니다. 바로 [블럭*스키마 태그*]입니다. 이 태그는 구글에서 공식적으로 권장하는 태그입니다. 구글이 제공하는 검색엔진 봇 입장에선 글의 어느 부분이 중요하고 어느 부분이 덜 중요한지를 파악하는 데 한계가 있습니다. 스키마 태그는 이 중요한 부분을 검색엔진에 알려주는 역할을 합니다. 실제로 구글 서치콘솔에선 스키마 태그를 적용한 글을 개선사항이라는 이름으로 표시해줍니다. 스키마 태그가 적용된 모습과 효과 아래 사진은 스키마 태그가 적용된 제 실제 포스트입니다. 일반적인 검색결과와 다르게 나와있다는 걸 보실 수 있습니다. 검색결과 아래에 3가지의 Q&A가 있어서 다른 검색결과보다 더 눈에 띕니다. 또한 사용자 입장에선 제 글에 들어가기..
티스토리 블로그에서 자동 목차 기능 간편하게 만들기 블로그에 방문한 사람들에겐 [블럭*목차*]가 중요한 요소입니다. 필요한 정보를 취사 선택해서 빠르게 얻어나갈 수 있기 때문입니다. 또한 블로거에게도 유용한 기능인데 구조적으로 글을 작성해서 검색엔진에 SEO를 어필할 수 있기 때문입니다. 다만 일일히 수동으로 목차를 넣거나, 서식으로 만들어 쓰는 것은 시간도 걸리고 비효율적입니다. 그래서 이번 시간에는 자동으로 목차를 만드는 방법을 알아보겠습니다. [블럭*HTML*], [블럭*CSS*], [블럭*JAVASCRIPT*] 수정이 필요하며 그 분야를 잘 모르시는 분들을 위해서 복사-붙여넣기만 하면 적용할 수 있도록 설명하겠습니다. 작동의 원리 구조적인 글을 작성하려면 검색엔진에게 중요한 글[각주*제목*]이라고 알려주는 H2,H4 태그로 제목-소제목을 구성해야 ..
블로거 개인 사업자 등록 방법과 필요한 서류, 비용을 알아보기 사업자라는 이름이 거창하지만 개인 사업자의 경우엔 등록 방법도 간단하고 추가 비용도 없습니다. 그래서 합법적으로 활동하시는 걸 원한다면 개인 사업자로 등록하셔야 합니다. 준비물도, 방법도 간단한 편입니다. 저 같은 경우엔 소규모 블로거 입장에서 개인사업자 등록을 하는 경우라, 거기에 초점을 맞추고 글을 작성했습니다. [팁*애드센스로 수입을 얻고 있는 블로거라면 사업자 등록을 해주시는 게 좋습니다. 추가 비용도 없고, 방법도 간편합니다.*] 준비물 딱 2가지가 필요합니다. 본인 인증이 가능한 수단 스마트폰 - 홈택스앱 설치 이것 외에 비용이라던가 필요한 서류도 없습니다. 본인의 정보를 작성하면 끝입니다. [참고*단, 사업장을 임대한 경우엔 임대차 계약서를, 화물/중기를 업종으로 삼는다면 건설기계 등록증을,..
PageSpeed Insights의 렌더링 차단 리소스를 제거해보자. 웹페이지의 속도를 결정하는 요소 중에서 렌더링 차단 리소스가 있습니다. 최대한 사용자에게 빠르게 웹페이지의 모습을 보여주려면 이 요소는 꼭 제거해둬야 합니다. 렌더링 차단 리소스를 측정하는 방법 우선 내 웹페이지에 렌더링 차단 리소스가 얼마만큼 있는지 알아보려면 측정을 해야합니다. 크롬,파이어폭스 같은 브라우저로 접속해 개발자모드의 네트워크탭으로 가서 일일히 측정할 수도 있지만, 편리한 건 역시 [**구글**]에서 제공하는 PageSpeed Insights입니다. 여기로 접속하셔서 측정해볼 웹페이지의 주소를 입력하고 분석을 누르면 끝입니다. 그리고 위의 사진처럼 렌더링 차단 리소스가 나옵니다. 이 골치아픈 리소스를 찾았으니, 이제 이 리소스의 실체를 알아볼 때입니다. 렌더링 차단 리소스란? 사용자가 웹페..
티스토리 블로그에 사용할 레이지로드 주입기 레이지 로드 주입기 alt변환 켜기 레이지로드 주입결과물 복사 자세한 사용법은 아래에 정리해뒀습니다. 처음 사용하시는 분의 경우 주의사항도 읽어보시는 게 좋습니다. 그리고 아직까지 레이지로드가 어떤 개념인지 모르신다면, 제가 쓴 글을 읽어주세요. 주입기 사용 설명서 티스토리에서 레이지로드를 사용하려면 번거로운 과정을 거쳐야 합니다. 그래서 손쉽게 레이지로드를 주입할 수 있도록 도구를 만들어봤습니다. [참고*이 도구는 신에디터/구에디터 모두 지원합니다.*] 방법은 간단합니다. 글 작성을 완료하신 후에 [**HTML 모드**]로 가신 후에 태그를 모두 복사해옵니다. 그리고 원본 텍스트 입력란에 붙여넣기 해주세요. 그리고 레이지로드 주입을 누르면 결과물이 나옵니다. 결과물복사를 눌러서 복사해주신 후에 그걸 다..
