Índice
- O que são Títulos SEO?
Introdução
Imagine isto: você está a percorrer os resultados de busca do Google, e os seus olhos pousam num título que imediatamente lhe desperta interesse. Você não é um robô nem está inexplicavelmente atraído por texto simples. Está em busca de uma conexão—uma promessa de que esse título irá oferecer conteúdo valioso. Títulos otimizados para SEO são mais do que apenas títulos; são portas críticas para captar o engajamento do usuário e aumentar a visibilidade do seu site nos motores de busca. Mas como se elabora um título que não apenas exige atenção, mas também é bem classificado nos motores de busca? Neste guia abrangente, você descobrirá a arte e a ciência por trás da redação de títulos SEO que são não só otimizados, mas também suficientemente envolventes para gerar cliques.
A importância de títulos amigáveis para SEO não pode ser subestimada. Eles influenciam significativamente o seu tráfego orgânico e podem determinar o sucesso ou o fracasso da sua estratégia de marketing de conteúdo. Neste post, exploraremos estratégias, técnicas e princípios para ajudá-lo a dominar a arte de escrever títulos. Ao final deste artigo, você entenderá não apenas como criar títulos otimizados para SEO, mas também como incorporá-los na sua estratégia de conteúdo mais ampla para um impacto máximo.
Pronto para mergulhar nos títulos SEO que unem criatividade e análise? Vamos começar.
A Essência de um Título SEO
O que são Títulos SEO?
Títulos SEO são os títulos exibidos nas páginas de resultados dos motores de busca (SERPs) e são cruciais para determinar se um usuário clica no seu conteúdo. Eles são uma mistura de arte e análise, visando capturar a atenção e transmitir com precisão o valor do conteúdo. Normalmente, esses títulos correlacionam-se de perto com a tag HTML
mas com a possibilidade de serem ocasionalmente modificados pelos motores de busca para relevância e clareza.</p>
<h3>Por que Títulos SEO são Importantes</h3>
<p>Títulos SEO servem a múltiplos propósitos:</p>
<ol>
<li><p><strong>Fator de Classificação SEO</strong>: O Google considera as tags de título um fator de classificação, embora um fator menor. Mais significativamente, um título SEO otimizado pode elevar a visibilidade da sua página nos resultados de busca, aumentando a probabilidade de atrair cliques.</p>
</li>
<li><p><strong>Melhorar a Taxa de Clique (CTR)</strong>: Títulos influenciam significativamente a sua CTR a partir das SERPs. Estudos mostram que títulos bem elaborados com palavras emocionais ou positivas atraem mais atenção e cliques, mesmo quando outros fatores permanecem inalterados.</p>
</li>
<li><p><strong>Engajamento do Usuário</strong>: Títulos cativantes, claros e relevantes atraem os usuários a clicar e engajar-se com o seu conteúdo, promovendo um interesse e interação mais profundos com a sua marca.</p>
</li>
</ol>
<h2>Elaborando Títulos: Guia Passo a Passo</h2>
<h3>Passo 1: Otimização de Palavras-Chave</h3>
<p>A colocação adequada de palavras-chave é essencial no seu título para garantir que os motores de busca e os usuários entendam o foco do seu conteúdo. Sempre que possível, integre a sua palavra-chave principal no início do título para maximizar a visibilidade.</p>
<h3>Passo 2: Analisar a Intenção de Busca</h3>
<p>Utilize ferramentas como Semrush ou Google Keyword Planner para determinar a intenção de busca para as suas palavras-chave-alvo. Compreender se o pesquisador procura informação, navegação, transações ou comparações pode influenciar como você compõe seu título para se alinhar perfeitamente com as necessidades do usuário.</p>
<h3>Passo 3: Palavras Poderosas e Gatilhos Emocionais</h3>
<p>Incorporar palavras poderosas pode transformar um título básico em algo mais atraente, evocando emoções ou curiosidade. Palavras como "exclusivo", "comprovado" ou "final" podem aumentar o apelo do seu título sem recorrer a táticas de clickbait.</p>
<h3>Passo 4: Clareza e Simplicidade</h3>
<p>Dê prioridade à clareza e simplicidade em vez de esperteza. O seu título deve comunicar exatamente o que o leitor pode esperar do conteúdo. Evite metáforas ou frases complexas que possam confundir leitores potenciais.</p>
<h3>Passo 5: Testes e Ajustes</h3>
<p>Após elaborar seu título, utilize ferramentas como o Analisador de Títulos do Advanced Marketing Institute para avaliar seu valor de marketing emocional. Além disso, considere realizar testes A/B utilizando plataformas que permitam medir variações de desempenho para determinar quais títulos geram melhores resultados.</p>
<h3>Passo 6: Atualizações Regulares</h3>
<p>Os títulos não são imutáveis. Revisite e revise periodicamente os títulos de conteúdo existente para melhorar o desempenho e a relevância. Utilize insights de análises para guiar essas atualizações, garantindo que seu conteúdo permaneça competitivo ao longo do tempo.</p>
<h2>Exemplos do Mundo Real e Melhores Práticas</h2>
<h3>Estudo de Caso HulkApps</h3>
<p>A FlyRank aplicou estratégias de otimização de títulos SEO para ajudar a HulkApps a alcançar um aumento de 10x no tráfego orgânico. Ao analisar a intenção de busca e criando títulos envolventes focados em palavras-chave, melhoramos significativamente sua visibilidade e CTR. <a href="https://flyrank.com/blogs/case-studies/hulkapps">Leia mais</a>.</p>
<h3>Estudo de Caso Serenity</h3>
<p>Em outra história de sucesso, a FlyRank ajudou a Serenity a elaborar títulos SEO localizados para capturar o mercado alemão, resultando em milhares de impressões e cliques logo após o lançamento. <a href="https://flyrank.com/blogs/case-studies/serenity">Explore a história completa</a>.</p>
<h2>Erros Comuns a Evitar</h2>
<h3>Excesso de Palavras-Chave</h3>
<p>Sobrecarregar os títulos com palavras-chave pode ser prejudicial, levando a uma aparência de spam que afasta tanto usuários quanto motores de busca. Procure por um fluxo natural que enfatize a palavra-chave principal sem redundância.</p>
<h3>Clickbait Enganoso</h3>
<p>Assegure-se de que seus títulos reflitam o conteúdo com precisão. Títulos enganadores podem atrair visitantes temporariamente, mas acabarão prejudicando a credibilidade da sua marca e aumentando a taxa de rejeição.</p>
<h3>Negligenciar a Legibilidade em Dispositivos Móveis</h3>
<p>Como uma parte significativa dos usuários navega em dispositivos móveis, otimizar para legibilidade em dispositivos móveis é crucial. Mantenha os títulos dentro de 50-60 caracteres para garantir visibilidade completa em telas menores.</p>
<h2>Conclusão</h2>
<p>Elaborar títulos que são otimizados para SEO é um aspecto vital de qualquer estratégia de conteúdo robusta. Ao alinhar títulos com a intenção de busca dos usuários, incorporando palavras-chave relevantes e aproveitando palavras de poder emocional, as empresas podem aumentar a CTR e melhorar a presença online geral. Na FlyRank, o nosso Motor de Conteúdo com Inteligência Artificial e abordagem orientada por dados foram concebidos para ajudá-lo a integrar estes princípios sem problemas nos seus esforços de marketing, garantindo que o seu conteúdo não apenas cativa, mas também converte.</p>
<h3>Perguntas Frequentes</h3>
<p><strong>1. Títulos longos podem ser eficazes para SEO?</strong> Títulos longos podem ser eficazes se capturarem palavras-chave essenciais e fornecerem clareza. No entanto, para fins de SEO, muitas vezes é melhor mantê-los concisos para evitar truncamento nos resultados de busca.</p>
<p><strong>2. Com que frequência devo atualizar meus títulos SEO?</strong> É benéfico revisar os seus títulos regularmente, particularmente se você atualizar o conteúdo ou notar uma diminuição no desempenho. Testes regulares podem ajudar a manter o engajamento e a relevância.</p>
<p><strong>3. Os números são importantes nos títulos?</strong> Sim, os números podem aumentar significativamente o apelo do título, particularmente em listas ou guias. Eles fornecem uma promessa quantificável que atrai atenção.</p>
<p>Gostaria que a FlyRank o ajudasse a personalizar os seus títulos SEO para a perfeição? Descubra os nossos serviços e vamos começar a elevar o alcance e a eficácia do seu conteúdo <a href="https://flyrank.com/pages/content-engine">aqui</a>.</p>
</div>
<div class="lg:w-1/3 text-gray mt-16 sticky top-[112px] lg:h-screen">
<div class="bg-white text-center p-5 rounded-lg mb-8">
<img
src="https://cdn.shopify.com/s/files/1/0609/8023/2259/files/envelope-icon.svg?v=1732181353"
alt="Envelope Icon"
class="mx-auto"
>
<div class="text-dark font-extrabold mb-5 uppercase text-xl">Enjoy content like this?</div>
<div class="text-dark text-xl mb-3">Join our newsletter and 20,000 enthusiasts</div>
<div class="sidebar-newsletter opacity-0 transition-opacity duration-500 h-[129px]">
<div id="shopify-block-AM2RPMG1tc3VDS1NGU__forms_inline_9wMQFJ" class="shopify-block shopify-app-block"><div
id='AM2RPMG1tc3VDS1NGU__forms_inline_9wMQFJ'
data-form-root='true'
data-forms-id='forms-root-254557'
data-forms-text-color='#0f1217'
data-forms-button-background-color='#0f1217'
data-forms-button-label-color='#ffffff'
data-forms-links-color='#1878b9'
data-forms-errors-color='#e02229'
data-forms-text-alignment='center'
data-forms-alignment='center'
data-forms-padding-top='5'
data-forms-padding-right='0'
data-forms-padding-bottom='0'
data-forms-padding-left='0'
></div>
<script>
window['ShopifyForms'] = {
...window['ShopifyForms'],
currentPageType: "article"
};
</script>
</div>
</div>
</div>
<div class="bg-dark-800 text-center p-5 rounded-lg">
<img
src="https://cdn.shopify.com/s/files/1/0609/8023/2259/files/download-icon.svg?v=1732109891"
alt="Download Icon"
class="mx-auto mb-3"
>
<div class="text-xl mb-8">
<span class="font-bold">DOWNLOAD FREE</span><br>
BACKLINK DIRECTORY
</div>
<a
href="/cart/41940050214979:1?checkout&attributes[first_visit]=%2Fpt%2Fblogs%2Fseo-hub%2Fhow-to-write-headlines-that-are-optimized-for-seo"
class="btn btn-green w-full"
>
Download
</a>
</div>
</div>
</div>
</div>
</div>
</section><div id="shopify-section-template--16734054088771__demo_promo_K9myJY" class="shopify-section demo"><div class=" px-6 md:px-8 py-12 lg:py-32 bg-green">
<div class="container text-dark text-center">
<div class="w-full md:w-8/12 mx-auto">
<h2 class="mb-8 text-4xl sm:text-5xl">Vamos impulsionar a sua marca para novas alturas</h2>
<div class="mb-5"><p>Se está pronto para romper o ruído e ter um impacto duradouro online, é hora de unir forças com a FlyRank. Contacte-nos hoje e vamos colocar a sua marca num caminho para a dominação digital.</p></div>
<div class="flex flex-col">
<div>
<a class="btn btn-dark text-gray mt-8" href="/pt/pages/contactar">
Solicite uma demonstração
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer id="shopify-section-footer" class="shopify-section footer"><div class="footer-container px-6 md:px-8 py-16 md:py-24 overflow-hidden relative">
<img
src="https://cdn.shopify.com/s/files/1/0609/8023/2259/files/footer-background.png?v=1730813000"
alt="Image Background"
class="object-contain absolute w-full z-0 bottom-0 2xl:bottom-auto 2xl:top-1/3"
>
<div class="container flex flex-col-reverse md:flex-row z-10 relative flex-wrap">
<div class="w-full md:w-1/2 text-gray mt-16 md:mt-0">
<div>
<img
src="https://cdn.shopify.com/s/files/1/0609/8023/2259/files/flyrank-logo-large.svg?v=1730983842"
alt="logo"
>
</div>
<div class="w-full md:w-2/3 my-12"><p>Se está pronto para se destacar no meio do ruído e causar um impacto duradouro online, é hora de unir forças com a FlyRank.</p></div>
<div class="flex">
<a
href="https://x.com/flyrank_ai"
target="_blank"
class="bg-green w-[50px] h-[50px] inline-block flex justify-center items-center mr-3 rounded-full hover:opacity-[0.8] transition-all"
><img
src="https://cdn.shopify.com/s/files/1/0609/8023/2259/files/icon-twitter.svg?v=1729166778"
alt="twitter"
></a>
<a
href="https://www.facebook.com/people/FlyRank/61566930002846/"
target="_blank"
class="bg-green w-[50px] h-[50px] inline-block flex justify-center items-center mr-3 rounded-full hover:opacity-[0.8] transition-all"
><img
src="https://cdn.shopify.com/s/files/1/0609/8023/2259/files/icon-facebook.svg?v=1729166777"
alt="facebook"
></a>
<a
href="https://www.instagram.com/flyrank.ai/"
target="_blank"
class="bg-green w-[50px] h-[50px] inline-block flex justify-center items-center mr-3 rounded-full hover:opacity-[0.8] transition-all"
><img
src="https://cdn.shopify.com/s/files/1/0609/8023/2259/files/icon-instagram.svg?v=1729166777"
alt="instagram"
></a>
</div>
</div>
<div class="w-full md:w-1/2 grid gap-4 grid-cols-2 sm:grid-cols-3">
<div class="">
<div class="text-dark-100 mb-5 sm:mb-12 uppercase font-medium">Empresa</div>
<ul>
<li class="mb-3">
<a href="/pt/pages/sobre" class="text-gray-50 capitalize">
Sobre Nós
</a>
</li>
<li class="mb-3">
<a href="/pt/pages/a-nossa-abordagem" class="text-gray-50 capitalize">
A nossa abordagem
</a>
</li>
<li class="mb-3">
<a href="/pt/pages/referencias" class="text-gray-50 capitalize">
Referências
</a>
</li>
<li class="mb-3">
<a href="https://www.flyrank.com/pages/contact?utm_source=website&utm_medium=footer" class="text-gray-50 capitalize">
Contacte-nos
</a>
</li>
</ul>
</div>
<div class="">
<div class="text-dark-100 mb-5 sm:mb-12 uppercase font-medium">Explorar</div>
<ul>
<li class="mb-3">
<a href="/pt/pages/conteudo" class="text-gray-50 capitalize">
Artigos
</a>
</li>
<li class="mb-3">
<a href="/pt/blogs/estudos-de-caso" class="text-gray-50 capitalize">
Estudos de Caso
</a>
</li>
<li class="mb-3">
<a href="/pt/pages/precos" class="text-gray-50 capitalize">
Preços
</a>
</li>
<li class="mb-3">
<a href="/pt/pages/perguntas-frequentes" class="text-gray-50 capitalize">
FAQs
</a>
</li>
</ul>
</div>
<div class="mt-5 sm:mt-0">
<div class="text-dark-100 mb-5 sm:mb-12 uppercase font-medium">Legal</div>
<ul>
<li class="mb-3">
<a href="/pt/policies/terms-of-service" class="text-gray-50 capitalize">
Termos de Serviço
</a>
</li>
<li class="mb-3">
<a href="/pt/policies/privacy-policy" class="text-gray-50 capitalize">
Política de Privacidade
</a>
</li>
<li class="mb-3">
<a href="/pt/policies/refund-policy" class="text-gray-50 capitalize">
Garantia de Devolução do Dinheiro
</a>
</li>
<li class="mb-3">
<a href="https://calendly.com/flyrank/30min?utm_source=website&utm_medium=footer" class="text-gray-50 capitalize">
Solicite uma Demonstração
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="text-gray w-full mt-24 text-sm">© 2025 FlyRank - All Rights Reserved</div>
</div>
</div>
</footer>
<div
class="minicart-wrapper"
x-data
x-show="$store.global.isMinicartVisible"
x-on:click.outside="$store.global.isMinicartVisible = false"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="off-screen-right"
x-transition:enter-end="right-50"
x-transition:leave="transition ease-in duration-300"
x-transition:leave-start="right-50"
x-transition:leave-end="off-screen-right"
x-cloak
:aria-hidden="$store.global.isMinicartVisible ? 'false' : 'true'"
aria-modal="true"
role="dialog"
>
<div id="shopify-section-minicart" class="shopify-section"><div
class="minicart"
data-ajax-cart-section
x-cloak>
<div class="title-row">
<h2 id="minicart-label" class="text-cloud-burst-500">
Cart
</h2>
<button @click="$store.global.isMinicartVisible = false">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
<path d="M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z"/>
</svg>
</button>
</div>
<div class="item-count-message">
You have
<span
class="count"
style="font-weight: 600"
x-data>0
</span>
<span x-data></span>
in your cart!
</div>
<hr/>
<ul class="items-list" data-ajax-cart-section-scroll>
</ul>
<hr/>
<div class="subtotal">
<p class="title">Subtotal
</p>
<p class="amount">$0.00
</p>
</div>
<a class="view-cart-details-link" href="/pt/cart">
View Cart Details
</a>
</div>
<style>
/* Animation classes */
.transition {
transition-property: all;
}
.duration-300 {
transition-duration: 300ms;
}
.ease-out {
transition-timing-function: ease-out;
}
.ease-in {
transition-timing-function: ease-in;
}
.off-screen-right {
right: -100px;
transform: translateX(120%);
}
.right-50 {
right: 50px;
transform: translateX(0%);
}
@media(max-width: 576px) {
.right-50 {
right: 20px;
transform: translateX(0%);
}
}
/* Main styles */
.minicart-wrapper {
position: fixed;
top: 50px;
right: 50px;
z-index: 100;
}
@media(max-width: 576px) {
.minicart-wrapper {
right: 20px;
}
}
.minicart {
width: 288px;
height: auto;
padding: 20px;
background: #fff;
border-radius: 6px;
box-shadow: 0 30px 130px -8px rgba(0, 0, 0, 0.25);
}
.minicart .view-cart-details-link {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
width: 100%;
height: 43px;
font-weight: 600;
background: white;
border: 2px solid black;
outline: none;
text-decoration: none;
}
.minicart .view-cart-details-link:hover {
cursor: pointer;
color: white;
background: black;
}
.minicart hr {
margin-bottom: 20px;
}
.minicart .title-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.minicart .title-row h2 {
margin: 0;
}
.minicart .title-row button {
border: none;
background: transparent;
cursor: pointer;
}
.minicart .title-row button svg {
display: block;
height: 16px;
}
.minicart .items-list {
list-style: none;
padding-left: 0;
max-height: 300px;
overflow: auto;
}
.minicart .item-count-message {
margin-bottom: 10px;
font-size: 0.8em;
}
.minicart .item-count-message .minicart--item-count {
font-weight: 600;
}
.minicart .item {
display: flex;
margin-bottom: 10px;
width: 100%;
}
.minicart .item .product-thumb-wrapper {
width: 100px;
height: 120px;
position: relative;
flex: 0 0 100px;
}
.minicart .item .product-thumb-wrapper img {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.minicart .item .item-details {
margin-left: 10px;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.minicart .item .item-details p {
margin: 0;
}
.minicart .item .item-details .option-label {
font-weight: 600;
}
.minicart .item .item-details .title {
font-size: 0.9em;
font-weight: 600;
margin-top: 0;
margin-bottom: 6px;
}
.minicart .item .item-details .options {
margin-bottom: 2px 0;
}
.minicart .item .item-details .option {
margin: 0 0 2px;
font-size: 0.8rem;
}
.minicart .item .item-details .quantity-row {
margin: 2px 0;
}
.minicart .item .item-details .quantity-row span {
margin: 0 0 2px;
font-size: 0.8rem;
}
.minicart .item .item-details .option:last-of-type {
margin-bottom: 0;
}
.minicart .item .item-details .price {
margin-top: auto;
}
.minicart .item .item-details .remove {
font-size: 0.6em;
margin-top: auto;
}
.minicart .subtotal {
margin: 20px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.minicart .subtotal .title {
height: 16px;
margin: 0;
}
.minicart .subtotal .amount {
font-weight: 600;
font-size: 1.2em;
margin: 0;
}
.minicart a {
color: black;
text-decoration: none;
}
.minicart a:hover {
text-decoration: underline;
}
</style></div>
</div>
<div id="shopify-section-predictive-search-main" class="shopify-section site-header w-full shadow-md p-shell fixed top-0 z-30 bg-white">
<script src="//www.flyrank.com/cdn/shop/t/33/assets/predictive-search.js?v=82854867885586265471738944035" defer="defer"></script>
<predictive-search
x-data
x-cloak
id="predictive-search"
x-show="$store.global.isPredictiveSearchVisible"
x-trap.inert="$store.global.isPredictiveSearchVisible"
x-transition.opacity
aria-modal="true"
@keyup.escape="$store.global.isPredictiveSearchVisible = false"
>
<div
id="predictive-search-form-wrapper"
class="w-full bg-white fixed inset-x-0 top-0 z-40 pt-8 pb-14 shadow-md"
>
<h2 class="text-base !font-normal max-w-max mx-auto font-palatino mb-3">
O que podemos ajudá-lo a encontrar?
</h2>
<form
action="/pt/search"
method="get"
role="search"
class="w-full max-w-[422px] mx-auto"
@click.outside="$store.global.isPredictiveSearchVisible = false"
>
<div class="flex gap-x-3 w-full relative">
<input
id="predictive-search-input"
class="slayed-input w-full"
type="search"
name="q"
value=""
role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
>
<label for="predictive-search-input" class="sr-only"> Search </label>
<button
for="predictive-search-input"
class="pill-button"
>
Search
</button>
<button
type="button"
class="absolute -right-[15px] top-1/2 -translate-y-1/2 translate-x-full"
@click="$store.global.isPredictiveSearchVisible = false"
>
<span class="sr-only">Close</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
<path d="M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z"/>
</svg>
</button>
</div>
<input name="options[prefix]" type="hidden" value="last">
<div id="predictive-search-target" tabindex="-1"></div>
</form>
</div>
</predictive-search>
</div>
<div id="shopify-section-modal" class="shopify-section section-modal">
<dialog
id="dialog-modal-example"
x-data="modal"
x-init="init($el)"
class="max-w-md rounded-md"
@click="close($event)"
>
<form action="" class="p-12">
<div class="prose">
<h1>Título do Modal</h1>
<p><p>Descrição do Modal. Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque totam cum cupiditate officia et quaerat blanditiis culpa? Hic, nesciunt id.</p></p>
<button type="button" @click="open = false" class="btn rounded-none">
Close
</button>
</div>
</form>
</dialog>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('modal', () => ({
componentElement: document.querySelector('#dialog-modal-example'),
open: false,
init(dialog) {
if (!dialog) {
return
}
Alpine.effect(() => {
if (this.open) {
dialog.showModal()
document.querySelectorAll('body > *:not(#shopify-section-modal)').forEach((element) => {
element.setAttribute('aria-hidden', 'true')
element.setAttribute('inert', '')
})
document.querySelector('body').classList.add('overflow-hidden')
} else {
dialog.close()
document.querySelectorAll('body > *:not(#shopify-section-modal)').forEach((element) => {
element.removeAttribute('aria-hidden')
element.removeAttribute('inert')
})
document.querySelector('body').classList.remove('overflow-hidden')
}
})
document.addEventListener('show-modal', () => {
this.open = true
})
document.addEventListener('close-modal', () => {
this.open = false
})
},
toggle() {
this.open = !this.open
},
close(event) {
if (event.target === this.componentElement) {
if (this.open) {
this.open = false
}
}
}
}))
})
</script>
<style>
#dialog-modal-example::backdrop {
background-color: rgba(0, 0, 0, 0.5);
}
</style></div>
<script type="application/json" data-ajax-cart-initial-state>
{"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}
</script>
<div id="shopify-block-Aajk0TllTV2lJZTdoT__15683396631634586217" class="shopify-block shopify-app-block"><script
id="chat-button-container"
data-horizontal-position=bottom_right
data-vertical-position=lowest
data-icon=chat_bubble
data-text=no_text
data-color=#89608e
data-secondary-color=#ffffff
data-ternary-color=#6a6a6a
data-domain=www.flyrank.com
data-shop-domain=www.flyrank.com
data-external-identifier=5QqDPyGbw2L4LPYPH2LFgD67SjacIZkJCvvcz866Sws
>
</script>
</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block"><script>
window['ShopifyForms'] = {
...window['ShopifyForms'],
currentPageType: "article"
};
</script>
</div></body>
</html>
