netwareMore

티스토리 블로그에서 구글 PageSpeed Insight의 크롤링 오류 발생

2022년 11월 8일 발생링크를 크롤링할 수 없음검색엔진에서 링크에 대해 `href` 속성을 사용하여 웹사이트를 크롤링할 수 있습니다. 앵커 요소의 `href` 속성이 적절한 대상에 연결되어 사이트에서 더 많은 페이지가 검색되도록 하세요. 자세히 알아보기크롤링할 수 없는 링크div.lb-outerContainer > div.lb-container > div.lb-nav > a.lb-prevdiv.lb-outerContainer > div.lb-container > div.lb-nav > a.lb-nextdiv.lb-outerContainer > div.lb-container > div.lb-loader > a.lb-canceldiv.lb-dataContainer > div.lb-data > div.lb..

CSS attribute selector

[attribute] selector[attribute="value"] selector[attribute~="value"] selector [attribute|="value"] selector [attribute^="value"] selector [attribute$="value"] selector[attribute*="value"] selector a[target] { ... }input[type="text"] { ... }div[style*="display: none"] { ... }div[style*="height: 40px"] { ... } - ':not()' selector와 결합div:not([style*="display: block"]) { ... } - ':not()' selector와 '..

티스토리 블로그의 도메인 포워딩과 애드센스 결합 주의

일부 도메인 포워딩 서비스를 이용하여 자신의 티스토리 블로그를 고유 도메인과 연결시켜 사용하는 사례가 많습니다. 예를 들어 "domainforwarding.kr" 도메인을 "domainforwarding.tistory.com"과 연결하여, "domainforwarding.kr"로 접속이 가능하게 만드는 방법입니다. 티스토리 블로그에 구글 애드센스 배너를 부착할 때 먼저 확인해야 할 것이 있습니다. 아래 정보는 구글 애드센스 고객센터에 등록된 정보의 일부를 발췌한 것입니다. http_only Google 크롤러는 HTTP 및 HTTPS의 모든 ads.txt 파일을 크롤링하려고 시도합니다. HTTP만 소유한 경우 크롤러가 ads.txt를 찾을 수 있도록 HTTPS에서 HTTP로 리디렉션을 설정하세요. htt..

티스토리 백업 실패 (후 성공)

2022년 10월 27일 아침 데이터 센터 문제로 일시 중지되었던 티스토리 백업이 성공적으로 종료되어 하나의 압축 파일 안에 블로그 모든 글을 백업해 놓았네요. 백업 방법은 본 글의 중간에 설명해 놓았습니다. 2022년 10월 15일 티스토리 운영이 중단되는 사건이 발생하였습니다. 등록한 글의 데이터 백업을 해놓지 않아서 혹시 지금 가능할까 검사하는 마음으로 백업을 실행하였습니다. 그리고 24시간 지났습니다. 계속 백업 중이라는 메시지가 떠 있었습니다. 아래와 같이 새소식이 알림 메시지로 도착하였습니다. 테스트 계정이 하나 더 있어서 2개의 메시지가 전송된 것입니다. 작업이 완료되었는 데, 백업 신청을 일시 중단하는 것으로 종료되었습니다. 서버가 불안정하여 관리자가 백업 프로세스를 강제로 종료시킨 것으로..

티스토리 애드센스 광고 송출 문제

더보기※ 애드핏- 모든 페이지 광고 정상 출력 ※ 애드센스- PC 첫 페이지 정상 출력- 모바일 페이지 정상 출력 ▶ 2022.10.12부터 모바일 첫 페이지 제외하고 출력 불량/불능 PC 나머지 페이지 출력 불량/불능PC 사이드바 "애드센스 관리 설정" 출력 불량/불능PC 사이드바 "플러그인" 정상 출력 ▶ 2022.10.11 오후 애드센스 이따금씩 정상 출력. 증상이 계속 변합니다.최근 티스토리 블로그에 부착한 구글 애드센스 광고가 전혀 출력되지 않거나, 뜸하게 그리고 불규칙하게 출력되는 문제가 발생하고 있습니다. 티스토리 블로그 계정 소유자는 애드센스 광고 서비스를 직접 제공하는 구글, 그리고 티스토리 블로그와 연동시켜 블로그 관리 페이지에서 쉽게 설정 가능한 서비스를 제공하는 카카오에 문의를 하고..

구글 크롬 기준 특정 웹 사이트 이미지 로딩 차단 설정

How to block website Images by setting Google Chrome 특정 웹 사이트의 웹페이지에 첨부된 이미지의 로딩을 차단하는 방법 - 과도하게 첨부된 이미지를 차단하고 텍스트만 로딩하여 쾌적한 인터넷 로딩 속도로 유용한 정보를 취득할 수 있습니다. - 페이지에 첨부된 광고의 이미지 소스가 다른 사이트일 경우 광고 이미지는 차단되지 않습니다. - Google Chrome 브라우저 - Version 105.0.5195.127 (Official Build) (64-bit) 크롬 웹 브라우저의 오른쪽 3점 메뉴 버튼을 누릅니다. 펼쳐진 메뉴의 선택 항목 중에서 '설정'을 선택합니다. 설정 항목에서 '개인정보 및 보안'을 선택합니다. 개인정보 및 보안 항목에서 '사이트 설정'을 선택..

구글 애드센스 광고 용어 정리

구글 애드센스 고객센터의 도움말 센터에서 제공하는 용어집의 내용 일부를 간추렸습니다. [링크] 구글, 애드센스, 고객센터, 도움말 센터, "용어집" 이해하기 편하게 원문을 수정하였습니다. 그리고 일부 영문 표기는 구글 검색과 용어집 영문판의 내용을 참고하였습니다. 정리하는 과정의 부주의와 무지로 인한 오류가 발견될 수 있습니다. 정확한 내용은 위 링크 참고 CPC - 클릭당 비용, cost-per-click - cost / click - 광고 1회 클릭으로 게시자가 벌어들이는 금액 ※ 광고의 CPC는 전적으로 광고주가 정하는 것이며, 광고하는 제품에 따라 광고주가 클릭당 지불하려는 금액이 달라집니다. CPM (광고) - 1,000회 노출당 비용 - cost per mille, or cost per tho..

FireFox에서 flex-wrap과 overflow의 호환성 부족 해결 사례

#aside .inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; overflow-y: auto; /* 문제의 원인 */ "#aside .inner"는 flex 컨테이너이며, 2개의 박스 a와 b를 담고 있습니다. 컨테이너는 상하(y축) 스크롤됩니다."flex-wrap: wrap" 설정을 집어넣어 컨테이너의 폭이 여유가 있을 경우 가로로 2개의 박스를 배열하고, 폭이 좁을 경우 세로로 박스를 배열합니다. MS Edge와 Google Chrome은 가로, 세로 배치가 정상으로 전환되지만, Mozilla FireFox는 세로로만 배열됩니다. Microsoft Edg..

티스토리 블로그 로그인 오류 "지금 이 페이지가 작동하지 않습니다."

제 경우에는 카카오계정, 티스토리 계정 모두 로그인 안되고 위의 오류 메시지 떴습니다. 현재는 여러 가지 방법을 시도하다가 가까스로 카카오계정으로 로그인 성공하였습니다. 티스토리 로그인 서버에서 오류가 발생하여 복구한 것일지도 모릅니다. 어쨌든 위와 같은 오류 메시지가 뜰 때, 계정 관리자가 시도할 수 있는 방법이 있어서 기재해 놓겠습니다. HTTP ERROR 400 The Internet Engineering Task Force (IETF)의 정의 rfc7231 (ietf.org) The 400 (Bad Request) status code indicates that the server cannot or will not process the request due to something that is p..

viewport maximum-scale, minimum-scale

documentroot elementelement elementelementattribute"href"elementelementtext"my title" text"my link"text"my header"더보기The element is a container for meta-data(a set of data that describes and gives information about other data) and is placed between the tag and the tag.HTML 문서 요소의 viewport 설명 ① minimum-scale=1.0maximum-scale=1.0접속자가 컨텐트를 뷰포트 기준 100%(1.0)까지 확대 및 축소할 수 있게 설정하였습니다. minimum-scal..