{"id":1505,"date":"2026-02-03T20:33:47","date_gmt":"2026-02-03T20:33:47","guid":{"rendered":"https:\/\/samirmoustakim.com\/?page_id=1505"},"modified":"2026-02-03T21:52:57","modified_gmt":"2026-02-03T21:52:57","slug":"seo-slug-generator","status":"publish","type":"page","link":"https:\/\/samirmoustakim.com\/ar\/seo-slug-generator\/","title":{"rendered":"SEO Slug Generator"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nSEO Slug Generator<\/title>\r\n<style>\r\n\/* ============================= *\/\r\n\/* FONTS & RESET *\/\r\n\/* ============================= *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&display=swap');\r\n\r\nbody {\r\n font-family: 'Inter', Calibri, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background-color: #F8F9FA;\r\n color: #212529;\r\n}\r\n\r\n.samir-tool {\r\n max-width: 800px;\r\n margin: 40px auto;\r\n padding: 20px;\r\n background: #FFFFFF;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 16px rgba(0,0,0,0.05);\r\n}\r\n\r\n\/* ============================= *\/\r\n\/* TITLE & DESCRIPTION *\/\r\n\/* ============================= *\/\r\n.samir-tool h1 {\r\n font-size: 28px;\r\n margin-bottom: 10px;\r\n color: #0D6EFD;\r\n}\r\n\r\n.samir-tool p.description {\r\n font-size: 16px;\r\n color: #6C757D;\r\n margin-bottom: 20px;\r\n}\r\n\r\n\/* ============================= *\/\r\n\/* TOOL BOX *\/\r\n\/* ============================= *\/\r\n.samir-tool .tool-box {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n}\r\n\r\n.samir-tool input,\r\n.samir-tool select {\r\n height: 48px;\r\n line-height: 48px;\r\n padding: 0 14px;\r\n font-size: 15px;\r\n border: 1px solid #CED4DA;\r\n border-radius: 6px;\r\n outline: none;\r\n transition: border 0.2s;\r\n}\r\n\r\n.samir-tool input:focus,\r\n.samir-tool select:focus {\r\n border-color: #0D6EFD;\r\n}\r\n\r\n\/* ============================= *\/\r\n\/* GENERATE BUTTON *\/\r\n\/* ============================= *\/\r\n.samir-tool button.generate-btn {\r\n height: 48px;\r\n line-height: 48px;\r\n background-color: #0D6EFD;\r\n color: #FFFFFF;\r\n font-size: 16px;\r\n font-weight: 600;\r\n border: none;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n transition: background 0.2s;\r\n}\r\n\r\n.samir-tool button.generate-btn:hover {\r\n background-color: #0B5ED7;\r\n}\r\n\r\n\/* ============================= *\/\r\n\/* OUTPUT BOX *\/\r\n\/* ============================= *\/\r\n.samir-tool .output-box {\r\n margin-top: 20px;\r\n background: #F8F9FA;\r\n padding: 12px 14px;\r\n border-radius: 6px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-family: monospace;\r\n word-break: break-all;\r\n}\r\n\r\n.samir-tool .output-box button.copy-btn {\r\n background-color: #20C997;\r\n color: #FFFFFF;\r\n border: none;\r\n border-radius: 6px;\r\n padding: 6px 12px;\r\n cursor: pointer;\r\n font-size: 14px;\r\n transition: background 0.2s;\r\n}\r\n\r\n.samir-tool .output-box button.copy-btn:hover {\r\n background-color: #1AA179;\r\n}\r\n\r\n.samir-tool .copied-msg {\r\n margin-top: 8px;\r\n color: #20C997;\r\n font-size: 14px;\r\n display: none;\r\n}\r\n\r\n\/* ============================= *\/\r\n\/* PROMOTIONAL BANNER *\/\r\n\/* ============================= *\/\r\n.samir-tool .promo-banner {\r\n margin-top: 30px;\r\n background: #E9ECEF;\r\n padding: 16px 20px;\r\n border-radius: 6px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.samir-tool .promo-banner p {\r\n margin: 0;\r\n font-size: 14px;\r\n color: #495057;\r\n}\r\n\r\n.samir-tool .promo-banner a {\r\n background-color: #0D6EFD;\r\n color: #FFFFFF;\r\n padding: 8px 14px;\r\n border-radius: 6px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: background 0.2s;\r\n}\r\n\r\n.samir-tool .promo-banner a:hover {\r\n background-color: #0B5ED7;\r\n}\r\n\r\n\/* ============================= *\/\r\n\/* SEO SECTION *\/\r\n\/* ============================= *\/\r\n.samir-tool .seo-section {\r\n margin-top: 40px;\r\n}\r\n\r\n.samir-tool .seo-section h2 {\r\n font-size: 22px;\r\n margin-bottom: 12px;\r\n color: #0D6EFD;\r\n}\r\n\r\n.samir-tool .seo-section h3 {\r\n font-size: 18px;\r\n margin-top: 16px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.samir-tool .seo-section ul {\r\n padding-left: 20px;\r\n margin: 0;\r\n}\r\n\r\n\/* ============================= *\/\r\n\/* RELATED TOOLS *\/\r\n\/* ============================= *\/\r\n.samir-tool .related-tools {\r\n margin-top: 30px;\r\n}\r\n\r\n.samir-tool .related-tools a {\r\n display: block;\r\n color: #0D6EFD;\r\n text-decoration: none;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.samir-tool .related-tools a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n\/* ============================= *\/\r\n\/* RESPONSIVE *\/\r\n\/* ============================= *\/\r\n@media (max-width: 600px) {\r\n .samir-tool .output-box {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"samir-tool\">\r\n <!-- TITLE -->\r\n <h1>SEO Slug Generator<\/h1>\r\n <!-- DESCRIPTION -->\r\n <p class=\"description\">Turn your page titles into clean, SEO-friendly URL slugs instantly.<\/p>\r\n\r\n <!-- TOOL BOX -->\r\n <div class=\"tool-box\">\r\n <input type=\"text\" id=\"titleInput\" placeholder=\"Enter your page title...\" \/>\r\n <button class=\"generate-btn\" id=\"generateBtn\">Generate Slug<\/button>\r\n <\/div>\r\n\r\n <!-- OUTPUT BOX -->\r\n <div class=\"output-box\" id=\"outputBox\">\r\n <span id=\"slugOutput\">Your slug will appear here<\/span>\r\n <button class=\"copy-btn\" id=\"copyBtn\">Copy<\/button>\r\n <\/div>\r\n <div class=\"copied-msg\" id=\"copiedMsg\">Copied \u2713<\/div>\r\n\r\n <!-- PROMOTIONAL BANNER -->\r\n <div class=\"promo-banner\">\r\n <p>Want more tools for your online business? Check our store for premium solutions.<\/p>\r\n <a href=\"https:\/\/samirmoustakim.com\/shop\/\" target=\"_blank\">Visit Store<\/a>\r\n <\/div>\r\n\r\n <!-- SEO SECTION -->\r\n <div class=\"seo-section\">\r\n <h2>How to Use<\/h2>\r\n <ul>\r\n <li>Type your page title in the input box.<\/li>\r\n <li>Click \"Generate Slug\".<\/li>\r\n <li>Copy the clean URL slug and use it in your website.<\/li>\r\n <\/ul>\r\n\r\n <h2>FAQ<\/h2>\r\n <h3>1. What is a slug?<\/h3>\r\n <p>A slug is the part of a URL that identifies a page in a readable way.<\/p>\r\n <h3>2. Why should I use SEO-friendly slugs?<\/h3>\r\n <p>They improve search engine visibility and make URLs easier to read.<\/p>\r\n <h3>3. Can I customize the generated slug?<\/h3>\r\n <p>Yes, you can edit the slug in the output box before copying.<\/p>\r\n <\/div>\r\n\r\n <!-- RELATED TOOLS -->\r\n <div class=\"related-tools\">\r\n <h2>Related Tools<\/h2>\r\n <a href=\"#\">Meta Description Generator<\/a>\r\n <a href=\"#\">Keyword Suggestion Tool<\/a>\r\n <a href=\"#\">Title Case Converter<\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* ============================= *\/\r\n\/* SEO SLUG GENERATOR LOGIC *\/\r\n\/* ============================= *\/\r\n\r\n\/\/ Function to generate slug\r\nfunction generateSlug(title) {\r\n \/\/ Convert to lowercase\r\n let slug = title.toLowerCase();\r\n\r\n \/\/ Replace spaces with hyphens\r\n slug = slug.replace(\/\\s+\/g, '-');\r\n\r\n \/\/ Remove all non-alphanumeric characters except hyphens\r\n slug = slug.replace(\/[^a-z0-9\\-]\/g, '');\r\n\r\n \/\/ Remove multiple consecutive hyphens\r\n slug = slug.replace(\/\\-+\/g, '-');\r\n\r\n \/\/ Trim hyphens from start and end\r\n slug = slug.replace(\/^-+|-+$\/g, '');\r\n\r\n return slug;\r\n}\r\n\r\n\/\/ DOM elements\r\nconst titleInput = document.getElementById('titleInput');\r\nconst generateBtn = document.getElementById('generateBtn');\r\nconst slugOutput = document.getElementById('slugOutput');\r\nconst copyBtn = document.getElementById('copyBtn');\r\nconst copiedMsg = document.getElementById('copiedMsg');\r\n\r\n\/\/ Generate slug on button click\r\ngenerateBtn.addEventListener('click', () => {\r\n const title = titleInput.value.trim();\r\n if(title === '') {\r\n slugOutput.textContent = 'Please enter a title first';\r\n return;\r\n }\r\n const slug = generateSlug(title);\r\n slugOutput.textContent = slug;\r\n});\r\n\r\n\/\/ Copy to clipboard\r\ncopyBtn.addEventListener('click', () => {\r\n const slug = slugOutput.textContent;\r\n if(slug && slug !== 'Your slug will appear here' && slug !== 'Please enter a title first') {\r\n navigator.clipboard.writeText(slug).then(() => {\r\n copiedMsg.style.display = 'block';\r\n setTimeout(() => copiedMsg.style.display = 'none', 2000);\r\n });\r\n }\r\n});\r\n\r\n\/* ============================= *\/\r\n\/* HOW TO REUSE THIS TOOL *\/\r\n\/* ============================= *\/\r\n\/\/ 1. Change the tool name and description in <h1> and <p class=\"description\">\r\n\/\/ 2. Update placeholder text in input if needed\r\n\/\/ 3. Update promotional banner text and link\r\n\/\/ 4. Add or remove FAQ items and related tools as required\r\n\/\/ 5. This structure is reusable for other simple generator tools\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SEO Slug Generator SEO Slug Generator Turn your page titles into clean, SEO-friendly URL slugs instantly. Generate Slug Your slug […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1505","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/samirmoustakim.com\/ar\/wp-json\/wp\/v2\/pages\/1505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/samirmoustakim.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/samirmoustakim.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/samirmoustakim.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/samirmoustakim.com\/ar\/wp-json\/wp\/v2\/comments?post=1505"}],"version-history":[{"count":5,"href":"https:\/\/samirmoustakim.com\/ar\/wp-json\/wp\/v2\/pages\/1505\/revisions"}],"predecessor-version":[{"id":1511,"href":"https:\/\/samirmoustakim.com\/ar\/wp-json\/wp\/v2\/pages\/1505\/revisions\/1511"}],"wp:attachment":[{"href":"https:\/\/samirmoustakim.com\/ar\/wp-json\/wp\/v2\/media?parent=1505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}