슬러그 생성기

제목 문자열을 웹 주소(URL)로 안전하게 사용할 수 있는 소문자, 하이픈(-) 연결식 슬러그(Slug) 문자열로 깔끔하게 정돈하고 다국어 특수문자를 인코딩해 줍니다.

언제 사용하나요?

티스토리/워드프레스 포스트의 가독성 높은 URL 생성, 넥스트제이에스(Next.js)나 뷰(Vue) 기반 동적 라우팅용 파라미터 규격화, 깃허브 위키 페이지 주소 정리 등 검색엔진 최적화(SEO)에 유리하고 웹 표준 스펙에 완벽히 부착되는 친화적 URL 식별자를 자동으로 얻고 싶을 때 유용합니다.

사용 방법

슬러그로 변경할 아티클 제목('예: 10가지 웹 디자인 팁!')을 입력란에 기입합니다.
하이픈 자동 연계, 소문자화, 특수문자 탈락 필터링 옵션을 선택합니다.
깔끔하게 변환 도출된 친화적 영문/숫자 슬러그 주소 문자열을 복사합니다.

입력값 안내

한글 제목 입력 시 한글 음절을 소리 나는 대로 영문 표기법으로 매핑하거나, 한글 원형을 인코딩하여 하이픈 기호로 연결해 주는 옵션을 커스텀 설정할 수 있습니다.

계산·변환 기준

문장을 소문자로 통합(toLowerCase)한 뒤, 정규식 /[^\w\s-]/g을 돌려 느낌표, 쉼표, 물음표 등 안전하지 않은 기호들을 원천 배제합니다. 그 후 스페이스 공백과 연속된 하이픈 기호들을 정규 패턴 /[-\s]+/g을 통해 단일 대시 기호 -로 묶어 결합하고, 문자열 양 끝에 남은 대시를 잘라내어 최종 슬러그 스펙을 완성합니다.

사용 예시

블로그 포스트 친화적 URL 생성 - 구글 검색 로봇이 읽기 좋아하는 영문 결합형 주소 슬러그를 만들어 페이지 주소로 할당합니다.
프로그래밍 라우터 파라미터 매핑 - CMS(콘텐츠 관리 시스템) 개발 시 게시글 제목을 기반으로 고유 주소 식별자 컬럼을 자동 생성합니다.
파일 및 폴더명 표준화 - 운영체제간 공백 인식 오류를 막기 위해 하이픈 연결식 파일명으로 일괄 포맷팅합니다.

예시

SEO Best Practices for 2026! → seo-best-practices-for-2026
React와 Vue 비교 연구 → react-vue-비교-연구 (또는 옵션에 따라 영문 매핑 적용 가능)

주의사항

영어 외의 유니코드 문자(한글, 한자 등)는 브라우저 주소창에 직접 노출될 때 퍼센트 인코딩(%EB%B... 식의 깨진 긴 문자열)으로 이중 변환될 수 있으므로, 완전한 글로벌 검색 호환성을 위해서는 가능한 영문 키워드 위주의 단어 슬러그로 가공하시는 것을 강력 추천합니다.

계산·사용 가이드

검색엔진 최적화(SEO) 친화적인 가독 URL 슬러그 규격

구글 등의 검색 봇은 의미 없는 파라미터 주소보다 영문 키워드와 하이픈(-)이 정돈 결합된 시맨틱 URL을 더 높게 평가합니다. 본 도구는 제목에서 슬러그 규격을 실시간 추출해 주소를 안전 규격화합니다.

하이픈(-)과 언더바(_)의 구글 검색엔진 식별 차이점

구글 검색 봇은 언더바(_)는 두 단어를 한 단어로 붙여 인식하지만, 하이픈(-)은 띄어쓰기 스페이스와 완전히 동치인 구분자로 해석하므로, 단어 연결에 하이픈을 사용하는 것이 상위 노출에 압도적으로 유리합니다.

자주 묻는 질문

슬러그 내의 스페이스 공백은 왜 하이픈(-)으로 바꾸나요?

웹 브라우저 URL 주소 내의 스페이스(빈 칸)는 %20이라는 복잡한 이스케이프 문자 코드로 변환되어 주소의 직관적 시인성과 가독성을 떨어뜨리고 검색엔진의 키워드 인식률을 방해하기 때문입니다.

밑줄(언더바: _) 대신 하이픈을 쓰는 특별한 이유가 있나요?

구글의 공식 검색엔진 최적화 가이드라인에 따르면, 구글봇은 언더바(_)를 단어의 연결로 보지 않고 한 단어의 일부로 인식하는 반면, 하이픈(-)은 단어와 단어를 명확히 나누는 구분자(Space 역할)로 정확히 해독하기 때문에 하이픈 사용이 표준입니다.