글

9월, 2026의 게시물 표시

블로그 문의 링크가 메일 앱을 열 때: mailto·웹 양식·발송 완료 구분

이미지
블로그 문의 버튼이 메일 앱을 여는 동작과 웹 문의 양식을 제출하는 동작은 다릅니다. mailto 링크는 독자가 사용할 메일 작성 환경으로 이어지는 주소입니다. 버튼을 눌렀다는 사실만으로 문의가 발송됐다고 볼 수는 없습니다. 문의 링크를 모아 관리한다면 목적지 URL뿐 아니라 독자가 클릭한 뒤 해야 할 일도 적어 두세요. 실제 이메일을 대신 보내거나 계정 설정을 바꾸는 작업 없이, 공개 버튼의 문구와 구조를 읽는 방법을 정리합니다. 목차 1. 독자의 다음 행동을 문구에 담기 2. 제목의 공백과 특수문자를 확인하기 3. 링크 목록의 검수 칸 만들기 4. 자주 묻는 질문 1. 독자의 다음 행동을 문구에 담기 RFC 6068은 mailto 주소에 수신 주소와 제목·본문 같은 초기 내용을 포함할 수 있는 형식을 설명합니다. 실제 처리 환경에 따라 메일 앱 선택이나 계정 준비가 필요할 수 있습니다. ‘문의 완료’보다 ‘메일로 문의 작성’처럼 동작을 설명하는 문구가 이해하기 쉽습니다. 종류 독자에게 보이는 동작 작성자가 확인할 것 mailto 메일 작성 환경 열기 공개 수신 주소·초기 제목 웹 문의 양식 사이트 안에서 입력 후 제출 필수 항목·제출 결과 안내 문의 안내 페이지 연락 방법 읽기 실제 사용할 연락 경로 단순히 문의 경로를 안내하는 페이지에 즉시 전송되는 것처럼 보이는 문구를 붙이지 않습니다. 반대로 실제 제출이 필요한 양식을 단순 자료 링크처럼 설명해도 독자가 다음 단계를 놓칠 수 있습니다. 2. 제목의 공백과 특수문자를 확인하기 규격은 mailto를 만들 때 공백을 %20으로 표현하도록 설명합니다. 한글 등 비ASCII 문자에는 UTF-8 기반 퍼센트 인코딩을 다룹니다. 주소를 반복해서 인코딩하면 의도한 문자와 다른 결과가 생길 수 있으므로 한 번 생성한 값을 다시 무조건 변환하지 않습니다. 가상의 형태 mailto:help@example.com?subject=Blog%20question 에서 example.com은 설명용 도메인이며 실제 문의처가 아닙...

블로그 PDF 링크 목록 정리: 자료 소개 페이지·파일 형식·열림 동작 나누기

이미지
PDF 자료 링크를 정리할 때는 자료 소개 페이지인지, 직접 파일인지부터 구분하세요. URL 끝 글자만으로 형식이나 다운로드 동작을 확정하지 말고, 실제 확인한 결과에 맞게 제목과 안내 문구를 적어야 합니다. 목차 1. PDF처럼 보이는 주소와 실제 동작 구분하기 2. 링크 목록에 형식과 동작 열을 추가하기 3. 독자에게 보이는 문구는 확인한 결과에 맞추기 4. 자료 링크를 모을 때 자주 묻는 질문 1. PDF처럼 보이는 주소와 실제 동작 구분하기 블로그 링크를 모았을 때 주소가 .pdf로 끝나는지와 독자가 무엇을 만나게 되는지는 따로 확인하세요. 자료 소개 페이지에서 다운로드 버튼을 눌러야 할 수도 있고, 직접 자료 링크가 문서 보기나 파일 저장으로 이어질 수도 있습니다. MDN은 HTTP의 Content-Type이 전달하는 콘텐츠의 미디어 유형을 나타내며, Content-Disposition은 브라우저 내 표시와 첨부 파일 다운로드 방식을 나타낸다고 설명합니다. 따라서 URL 끝 글자만으로 파일 형식과 열림 동작을 모두 확정하기 어렵습니다. 확인 전에는 ‘PDF 바로 다운로드’라고 표시하지 마세요. 실제로 자료 소개 화면이 열린다면 그 화면에 맞는 문구를 써야 독자가 다음 행동을 이해할 수 있습니다. MDN 파일 표시·다운로드 방식 설명 읽기 2. 링크 목록에 형식과 동작 열을 추가하기 기존 목록에 URL만 있다면 자료 제목, 확인한 형식, 실제 동작, 확인일을 추가해 보세요. 아래는 실제 사이트를 검사한 결과가 아닌 목록 구성 예시입니다. 항목 기록 예시 구분할 점 자료 제목 행사 이용 안내 파일명과 독자용 제목 페이지 역할 자료 소개 / 직접 자료 안내문과 파일 링크 확인한 형식 PDF / HTML / 확인 전 추정과 실제 확인 실제 동작 문서 표시 / 파일 저장 / 소개 화면 형식과 열림 방식 확인일 실제로 확인한 날짜 자료 발행일과 링크 확인일 파일 크기나 문서 페이지 수를 덧붙일 때도 실제로 확인한 값만 적으세요. 자료가 바뀔 수 있으므로 과거...

블로그 URL이 둘로 보일 때: 실제 이동 주소와 canonical을 구분해 링크 목록 정리

이미지
같은 글이 서로 다른 주소로 보이면 “링크가 두 개”와 “글이 두 편”을 먼저 구분하세요. 주소를 열었을 때 실제로 어디에 도착하는지, 페이지가 대표 주소로 어떤 URL을 표시하는지, 본문이 같은지 각각 살펴봅니다. 대표 주소를 뜻하는 canonical 표시는 독자를 자동으로 다른 페이지로 보내는 버튼이 아닙니다. 리디렉션과 같은 기능으로 취급하면 링크 목록을 잘못 정리할 수 있습니다. 목차 1. 링크 목록에 세 가지 주소를 남기기 2. canonical을 확인할 때 읽을 항목 3. 중복 후보를 삭제 대신 비교표로 4. 자주 묻는 질문 1. 링크 목록에 세 가지 주소를 남기기 구분 확인할 내용 수집한 주소 처음 복사한 전체 URL 최종 이동 주소 직접 열고 도착한 상세글 URL 대표 주소 표시 페이지가 canonical로 안내한 URL Google은 리디렉션과 rel="canonical"을 대표 URL 선택에 강한 신호, 사이트맵 포함을 약한 신호로 설명합니다. 이런 신호를 보냈다고 Google이 반드시 그 URL을 선택하는 것은 아닙니다. 근거: Google Search Central 대표 URL 안내 . 일반 독자에게 공유할 링크를 정리할 때는 먼저 정상적으로 공개된 상세글에 도착하는지가 중요합니다. 메타 표시가 있다는 이유로 실제 목적지를 확인하는 단계를 생략하지 마세요. 2. canonical을 확인할 때 읽을 항목 자신이 관리하는 페이지라면 CMS의 공개 페이지 소스나 지원되는 점검 도구에서 rel="canonical" 링크의 href를 읽습니다. 관리자 편집 화면 주소와 공개 대표 주소를 혼동하지 않습니다. 확인한 원문을 기록하고 추측으로 URL을 바꾸지 마세요. 가상 예입니다. 수집 목록에 /guide와 /guide?ref=list가 있고 두 주소의 본문이 같더라도, 추적 목적의 매개변수가 있는지 별도로 표시합니다. 모든 ? 뒤 내용을 무조건 지우는 규칙은 예약·신청 등 다른 기능의 링크를 망가뜨릴 수 있습니다...

블로그 링크를 새 탭으로 열 때: target과 noopener, 독자 안내 확인

이미지
새 탭으로 열리는 링크는 글을 계속 읽게 도울 수 있지만, 모든 링크를 새 탭으로 설정할 필요는 없습니다. 목적지와 열리는 방식을 독자가 예상할 수 있게 만드는 것이 먼저입니다. HTML 편집이 가능한 블로그라면 target과 rel 속성의 역할을 구분하고 저장된 공개 화면에서 확인하세요. 목차 1. target과 rel은 하는 일이 다릅니다 2. 필요한 링크에만 열리는 방식 표시 3. 공개 뒤 링크 확인표 4. 자주 묻는 질문 1. target과 rel은 하는 일이 다릅니다 target="_blank" 는 새 탐색 창이나 탭으로 열리도록 지정하는 값입니다. rel="noopener" 는 새로 열린 페이지가 원래 페이지의 window.opener 에 접근하지 못하도록 하는 관계 값입니다. MDN은 현재 _blank 링크에 같은 noopener 동작이 암묵적으로 적용된다고 설명합니다. 어떤 탭에서 열지와 링크 관계를 구분해 읽으세요. noreferrer 는 별도 역할이 있으므로 모든 rel 값을 같은 뜻으로 묶지 않습니다. MDN의 noopener 안내(영어) 에서 브라우저 동작을 확인할 수 있습니다. 편집기가 속성을 제거할 수 있으므로 원고에 적은 코드만으로 저장 결과를 확정하면 안 됩니다. 2. 필요한 링크에만 열리는 방식 표시 설명을 이어 읽는 목차와 관련 문단 링크는 같은 페이지에서 이동하는 편이 자연스러운 경우가 많습니다. 별도 문서를 확인해야 하는 링크를 새 탭으로 제공한다면 링크 문구나 가까운 설명에 ‘새 탭’이라고 안내할 수 있습니다. 이는 자체 편집 제안이며 모든 상황에서 새 탭을 쓰라는 규칙은 아닙니다. <a href="https://example.com/guide" target="_blank" rel="noopener"> 준비물 안내 읽기 (새 탭) </a> 위 주소는 코드 설명용 가상 예시입니다. 공개 원고에는 실제 확...

‘여기 클릭’ 대신 무엇을 쓸까? 목적지가 보이는 링크 문구 작성법

이미지
링크 문구는 독자에게 누르면 무엇을 보게 되는지 알려주는 작은 안내판입니다. “여기”를 무조건 길게 바꾸기보다, 목적지의 주제와 할 일을 짧게 적으면 읽는 흐름을 지키면서도 선택하기 쉬워집니다. 목차 1. 링크가 약속하는 것 2. 문구를 바꾸는 예시 3. 이미지 버튼과 주변 문장 4. 발행 전 점검표 5. 자주 묻는 질문 1. 링크가 약속하는 것 문구를 쓰기 전에 도착 페이지부터 엽니다. 요금을 정리한 개인 글인지, 운영 기관의 예약 화면인지, 파일을 내려받는 주소인지 확인하세요. 안내 글로 보내면서 “지금 신청”이라고 쓰면 독자는 다음 화면에서 다시 길을 찾아야 합니다. Google 검색 센터는 링크 문구가 목적지와 관련 있고, 간결하며 설명적이어야 한다고 안내합니다. 검색 순위를 약속하는 공식은 아닙니다. 독자가 링크만 보아도 선택에 필요한 단서를 얻는지부터 점검하면 됩니다. 근거: Google의 링크 권장사항 . 2. 문구를 바꾸는 예시 아래는 문구 작성용 가상 예시입니다. 실제 예약·다운로드 링크가 아니며, 자신의 도착 페이지 내용에 맞춰 바꿔 쓰세요. 애매한 문구 확인할 목적지 내용에 맞는 문구 예시 여기 클릭 요금 정리 글 가족 인원별 입장료 계산표 보기 바로 신청 신청 절차 설명 글 신청 준비물과 접수 순서 확인 다운로드 실제 PDF 파일 방문 준비 체크리스트 PDF 받기 자세히 보기 영어로 된 기관 안내 박물관 관람 규정 확인(영어) 최저가 보장 가격 비교 방법 글 배송비 포함 가격 비교법 보기 가격·마감·효과를 입증하지 못했다면 강한 표현을 추가하지 않습니다. “공식”이라는 단어도 실제 기관의 페이지로 연결될 때 사용하세요. 개인 정리 글에는 “정리표”, “준비 순서”처럼 그 글이 제공하는 도움을 적는 편이 정확합니다. 3. 이미지 버튼과 주변 문장 이미지에 글자를 넣은 버튼은 대체텍스트도 확인해야 합니다. Google은 이미지 링크의 alt를 링크 문구로 활용할 수 있다고 설명합니다. 장식만 설명하기보다 버튼이 전달하는 목적을 정확히 ...

블로그 링크에 UTM 붙일 때 ?·&·# 순서와 점검 방법

이미지
게시물 주소에 UTM 추적값을 붙일 때는 페이지 경로 → 물음표(?)로 시작하는 매개변수 → 앰퍼샌드(&)로 잇는 추가 값 → 마지막 해시(#) 앵커 순서로 적습니다. 이미 주소에 물음표가 있다면 두 번째 물음표를 만들지 말고 &로 새 항목을 이어 주세요. 앵커는 주소 맨 끝에 둡니다. 한 줄 예시 https://example.com/post/guide?utm_source=blogger&utm_medium=blog&utm_campaign=link_check_20260925#toc 추적값은 ? 뒤, 목차 앵커 #toc는 가장 마지막에 옵니다. 페이지 주소·캠페인 매개변수·목차 위치를 구분해 확인하면 링크 오류를 줄일 수 있습니다. 목차 주소를 세 부분으로 나누기 UTM 주소 만드는 순서 게시 전 링크 점검표 분석 보고서에서 확인 검색용 대표 주소와 추적 주소 자주 묻는 질문 1. 주소를 세 부분으로 나누기 주소의 각 기호는 역할이 다릅니다. 도메인 뒤의 /post/guide 는 페이지 경로입니다. 첫 번째 쿼리 매개변수는 ?로 시작하고 이름과 값은 =로 연결합니다. 매개변수 여러 개는 &로 구분합니다. #toc처럼 해시를 붙이면 페이지 안에서 이동할 위치를 지정하므로 URL의 맨 끝에 둡니다. 정상 순서는 https://example.com/post/guide?utm_source=blogger&utm_medium=blog#toc 입니다. 반대로 https://example.com/post/guide#toc?utm_source=blogger 처럼 해시 뒤에 UTM을 놓으면 기대한 캠페인 값으로 처리되지 않을 수 있습니다. 2. UTM 주소 만드는 순서 먼저 게시물의 실제 공개 주소를 복사하고 새 탭에서 정상적으로 열리는지 확인합니다. 주소에 ?가 없다면 첫 UTM 앞에 ?를 붙입니다. 이미 ?와 매개변수가 있다면 새 값 앞에는 &를 붙입니다. 캠페인 구분에는 보통 utm_source , utm_medium , u...

Blogger 글이 검색되지 않을 때: Search Console 색인 상태 점검 순서

이미지
새 글을 공개했는데 Google 검색에서 보이지 않더라도 게시가 실패했다고 바로 결론 내릴 필요는 없습니다. 먼저 글의 공개 주소가 열리는지, 검색에 노출될 수 있도록 설정됐는지, Google이 실제로 색인했는지를 차례로 확인하세요. Search Console의 URL 검사에서 색인 상태와 차단 사유를 보는 것이 가장 정확한 첫 단계 입니다. 색인이 되어도 검색 결과의 특정 순위나 방문자 수가 보장되지는 않습니다. 발행 직후에는 크롤링과 색인까지 시간이 걸릴 수 있으므로, 같은 주소를 반복 제출하기보다 원인을 고치고 검색 실적을 따로 살펴보세요. 먼저 확인할 순서 ① 공개 글 URL을 로그인 없이 열기 ② Blogger 검색 노출·맞춤 robots 설정 확인 ③ Search Console URL 검사에서 색인·크롤링·noindex·대표 URL 점검 ④ 수정한 뒤 필요할 때만 색인 생성 요청 목차 글이 실제 공개 상태인지 확인 Blogger 검색 노출 설정 점검 Search Console URL 검사 읽는 법 사이트맵과 내부 링크 점검 색인 뒤 검색 실적 확인 1. 글이 실제 공개 상태인지 확인 관리자 화면에서 ‘게시됨’으로 보이는지만 확인하지 말고, 공개 글 주소를 시크릿 창이나 로그아웃 상태에서 열어 보세요. 주소가 홈페이지로 되돌아가거나 로그인 화면을 요구하거나 404 오류가 나면 방문자와 검색 로봇이 본문에 접근하지 못할 수 있습니다. 본문 링크와 대표 이미지도 열리는지 살펴보세요. URL이 맞더라도 글이 비공개·초안 상태이거나 삭제된 주소라면 검색 목록과 외부 링크 모두에서 쓸 수 없습니다. 2. Blogger 검색 노출 설정 점검 Blogger 관리 화면의 설정 → 개인정보 보호 에서 검색 엔진에 블로그를 표시하도록 설정했는지 확인하세요. 글 설정에서 검색 설명을 쓸 수 있고, ‘크롤러 및 색인 생성’ 영역에는 맞춤 robots.txt와 맞춤 robots 헤더 설정이 있습니다. 맞춤 robots 기능을 켜 둔 경우에는 규칙이 글과 ...

블로그 글 링크 모은 뒤 확인할 것: 공개 주소·중복·앵커 점검표

이미지
블로그 링크를 많이 추출했다고 관리가 끝나는 것은 아닙니다. 실제 공개 페이지인지, 같은 글이 중복됐는지, 제목과 목적지가 일치하는지 확인해야 목록이 쓸모 있어집니다. 아래 표는 내 글 목록을 정리하거나 다른 채널에서 소개할 때 바로 쓸 수 있는 점검 양식입니다. 목록에 남길 최소 4개 열 글 제목 · 최종 공개 URL · 게시 상태 · 마지막 확인 날짜 목차 정확한 주소 수집 중복·비공개 구별 클릭 검증 자주 묻는 질문 1. 편집기 주소가 아닌 공개 주소를 기록 관리 화면의 편집 URL은 로그인 상태에 따라 열리지 않을 수 있습니다. 방문자가 보는 글 제목이나 게시 날짜의 링크를 열고 주소창의 URL을 기록하세요. Blogger는 게시 전 퍼머링크를 지정할 수 있으며, 글이 이동·삭제된 경우 설정의 맞춤 리디렉션을 사용하도록 안내합니다. 발행 후에는 실제 공개 주소를 다시 확인해야 합니다. 2. 같은 글을 두 번 세지 않기 URL 끝의 추적 파라미터가 달라도 같은 본문으로 이동할 수 있습니다. 비교할 때는 먼저 도메인과 경로를 보고, 추적용 파라미터를 제거한 주소도 함께 저장해 보세요. 단, 페이지 내용에 실제로 영향을 주는 파라미터는 무작정 지우지 않습니다. 같은 제목이라도 다른 언어·다른 날짜의 독립 글이면 별도 행으로 유지합니다. 문제 확인 방법 기록할 상태 로그인해야 열림 새 탭에서 공개 주소 열기 비공개 또는 편집 주소 홈페이지로 이동 최종 이동 주소 확인 원문 주소 오류 같은 글 반복 경로·제목·본문 대조 중복 후보 특정 문단 이동 실패 # 뒤 앵커와 본문 ID 대조 앵커 수정 필요 3. 링크는 실제로 클릭해서 검증 주소가 보기에는 맞아도 비공개 글, 삭제된 글, 홈페이지 리디렉션을 가리킬 수 있습니다. 특히 외부 채널의 버튼을 만들었다면 목록에 적힌 URL뿐 아니라 공개 화면의 버튼 자체를 클릭 해 목적지를 확인하세요. 이미지 링크와 텍스트 링크가 서로 다른 글을 가리키지 않는지도 살펴봅니다. 자주 묻는 질문 # 뒤에 붙은 글자는 무엇인가요? ...