rel=me로 Mastodon에서 웹사이트 인증하는 방법
rel=me로 웹사이트와 Mastodon 프로필을 연결하고 프로필 필드에 주소를 넣어 웹사이트 옆에 체크 표시를 받는 방법, 인증되지 않는 링크를 고치는 방법을 알아봐요.
Mastodon에서 웹사이트를 인증하려면 그 페이지에 내 Mastodon 프로필 링크를 넣고 rel="me"를 붙이세요. 그런 다음 https://로 시작하는 페이지 주소를 프로필의 사용자 정의 필드 중 하나에 넣고 저장하세요. Mastodon이 그 페이지를 열어 내 프로필로 돌아오는 링크를 찾으면, 그 필드 옆에 체크 표시를 보여 줘요.
이 가이드는 링크, 프로필 필드, 확인에 실패했을 때의 해결 방법을 다뤄요. 예시로는 가상의 일러스트레이터 아나 루이스를 따라가요. 계정은 @ana@illustration.example, 웹사이트는 https://anaruiz.example이에요.
체크 표시가 알려 주는 것
확인은 양방향으로 이뤄져요. 프로필 필드는 페이지를 가리키고, 페이지는 rel="me"로 내 프로필에 다시 링크해요. 체크 표시는 내가 두 곳을 모두 관리한다는 뜻이에요. 신원 인증은 아니에요. 서버에서 누군가 내 이름을 확인해 주는 것이 아니거든요. 다른 사람의 프로필에서는 그 계정 주인이 어떤 페이지를 관리하는지만 알려 줘요.
웹사이트에 Mastodon 프로필 링크 추가하기
프로필 URL은 내 서버에 있는 프로필 주소로, https://illustration.example/@ana 같은 형태예요. 이 주소를 푸터 같은 곳에 눈에 보이는 링크로 추가하세요.
<a rel="me" href="https://illustration.example/@ana">Mastodon</a>또는 페이지의 <head> 안에 보이지 않는 링크를 넣으세요.
<link rel="me" href="https://illustration.example/@ana">사이트 빌더에 <head>용 사용자 지정 코드 필드가 있다면 두 번째 버전을 거기에 붙여 넣으세요. “환경설정 > 공개 프로필 > 검증”에는 내 주소가 채워진 첫 번째 버전이 있어서 바로 복사할 수 있어요.
Mastodon 프로필 가이드에 페이지가 갖춰야 할 조건이 나와 있어요.
href가 프로필 URL과 정확히 일치해요.- 페이지 주소가
https://로 시작해요. - 링크가 JavaScript로 추가된 것이 아니라 HTML 자체에 들어 있어요.
- 링크가 iframe 안에 있지 않아요.
- 응답 크기가 1 MB 이하예요.
rel="me noopener"도 인정돼요. Mastodon의 링크 확인 코드는 여러 값 중에 me가 있는지 찾아요. Mastodon은 필드에 넣은 바로 그 페이지만 확인하므로, 아나는 필드에 입력할 주소인 홈페이지에 링크를 추가해요.
HTML을 수정할 수 없다면 링크 인 바이오 페이지 쓰기
사이트 빌더에서 rel="me"를 추가할 수 없다면, 이미 이 속성을 넣어 내 계정들을 링크하고 있는 페이지를 쓰고 그 페이지 주소를 필드에 넣으세요. 이런 페이지를 만들려면 링크 인 바이오 가이드를, 아직 사이트가 없다면 웹사이트 없이 글을 발행하는 가이드를 참고하세요.
페이지를 확인하려면 소스를 열고 프로필 URL을 검색하세요. 컴퓨터의 Chrome, Edge, Firefox에서는 페이지 주소 앞에 view-source:를 입력하면 돼요. 링크의 rel에 me가 들어 있어야 해요. 화면에는 링크가 보이는데 소스에 없다면 JavaScript가 추가한 것이라 Mastodon은 그 링크를 보지 못해요.
Studio의 공개 페이지(reunified.com/@ 뒤에 내 핸들을 붙인 주소)는 연결한 계정을 하나하나 rel="me" 링크로 보여 줘요. Mastodon 계정은 그 계정이 있는 서버의 프로필 URL로 표시되므로, 이 페이지 주소를 프로필 필드에 넣을 수 있어요.
Mastodon 프로필에 주소를 넣고 저장하기
- 내 서버에 로그인하고 프로필을 연 뒤 “프로필 편집”을 선택하세요.
- “사용자 정의 필드”에서 “필드 추가”를 선택하세요. 필드는 네 개까지 만들 수 있어요.
- “라벨”에는 “웹사이트”처럼 짧은 이름을, “내용”에는
https://로 시작하는 전체 주소를 입력하세요. - “저장”을 선택하세요.
Mastodon 구버전에서는 이 필드가 “환경설정 > 공개 프로필 > 프로필 편집”에 있어요.
저장하면 확인이 시작되고, 시간이 조금 걸릴 수 있어요. 결과를 보려면 프로필을 새로 고치세요. 다른 서버는 업데이트된 프로필을 받을 때 각자 확인해요.
아나는 첫 번째 필드의 라벨을 “웹사이트”로 정하고 https://anaruiz.example을 입력한 뒤 저장해요. 이 필드에는 체크 표시가 붙어요. 두 번째 필드 “상점”은 https://shop.anaruiz.example을 가리키는데, 이 페이지는 아직 다른 서버에 있는 기존 계정을 링크하고 있어서 체크 표시가 붙지 않아요.
인증되지 않는 링크 고치기
| 보이는 현상 | 해결 방법 |
|---|---|
값이 http://로 시작해요 |
https:// 주소를 쓰세요 |
| 페이지가 기존 계정이나, 다른 서버를 통해 본 내 프로필을 링크해요 | 현재 서버의 프로필 URL을 링크하세요 |
| 링크가 화면에는 보이지만 소스에는 없어요 | iframe 밖의 HTML에 일반 링크를 넣으세요 |
| 도메인에 대문자가 있어요 | 소문자로 입력하세요 |
| 페이지에 로그인이 필요하거나 자동화된 방문을 차단해요 | 로그인이나 봇 확인 없이 누구나 열 수 있는 페이지를 쓰세요 |
| 응답이 1 MB를 넘어요 | 더 가벼운 페이지를 필드에 넣으세요 |
https://mastodon.social/@ana@illustration.example 같은 주소는 내 프로필을 열기는 하지만 일치하지 않아요.
고친 뒤에는 Mastodon 가이드의 권장대로 필드를 삭제했다가 다시 추가하고, 그때마다 저장하세요. 아나는 상점 페이지의 rel="me" 링크를 https://illustration.example/@ana로 바꾼 다음, “상점” 필드를 삭제하고 다시 추가해요.
변경 후에도 체크 표시 유지하기
다른 서버로 옮기면 프로필 URL이 바뀌어요. 인증된 각 페이지의 rel="me" 링크를 업데이트한 다음, 새 계정에 필드를 채우고 저장하세요. 나머지는 Mastodon 계정 이전 가이드에서 다뤄요.
내 서버는 링크가 사라져도 그 필드의 주소를 바꾸기 전까지 체크 표시를 유지해요. 다른 서버는 다음에 확인할 때 체크 표시를 없애요. 사이트를 새로 디자인했거나 웹사이트 주소가 바뀌었다면 다음을 확인하세요.
- 페이지 소스에서 프로필 URL을 검색하세요.
- 주소가 바뀌었다면 필드를 업데이트하고 저장한 뒤 체크 표시가 있는지 보세요.
Studio는 Mastodon, Bluesky, Misskey, Telegram, X (Twitter)에 게시물을 예약해요. 아직 이용할 수 없지만 대기 명단에 등록할 수 있어요.
