Horje

Tips (Total 3)


# Tips-1) How to exclude Google Translator from Part of My Text

Here simply uses <span class="notranslate">Your Text</span>

Example of Excluding Google Translation

Here is code
index.html
Example: HTML
<span class="notranslate">Your Text</span>

Full Example of Excluding Google Translation with HTML Code

Here I give full example
index.html
Example: HTML
<!DOCTYPE html>
<html lang="en-US">
<body>

<h1>My Web Page</h1>

<p>Hello everybody!</p>

<p>Translate this page:</p>

<div id="google_translate_element"></div>

<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

<p>You can translate the content of this page by selecting a language in the select box.</p>

<span class="notranslate">
<h3>
World Wrestling Entertainment is an American professional wrestling promotion. It is owned and operated by TKO Group Holdings, a majority-owned subsidiary of Endeavor Group Holdings. Wikipedia
</h3>
</span>
</body>
</html>

Output should be:

Full Example of Excluding Google Translation with HTML Code

# Tips-2) How to remove Google Logo from Google HTML Translator

Here you can use css to hide Google Logo from Google HTML Translator.

CSS Code Example

Just put following CSS Code between <head> - </head>
Example: CSS
<style>
#google_translate_element {
  color: transparent;
}
#google_translate_element a {
  display: none;
}
</style>

Full Example removing Google Logo from Google HTML Translator

Here is full example of

index.html
Example: HTML
<!DOCTYPE html>
<html lang="en-US">
<style>
#google_translate_element {
  color: transparent;
}
#google_translate_element a {
  display: none;
}
</style>    
<body>

<h1>My Web Page</h1>

<p>Hello everybody!</p>

<p>Translate this page:</p>

<div id="google_translate_element"></div>

<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

<p>You can translate the content of this page by selecting a language in the select box.</p>

<span class="notranslate">
<h3>
World Wrestling Entertainment is an American professional wrestling promotion. It is owned and operated by TKO Group Holdings, a majority-owned subsidiary of Endeavor Group Holdings. Wikipedia
</h3>
</span>
</body>
</html>

Output should be:

Full Example removing Google Logo from Google HTML Translator

# Tips-3) How to Provide a site name to Google Search Top Heading

Use following code replacing WWE And add your site title. 

Add code to your site Between head

<script type="application/ld+json">
    {
      "@context" : "https://schema.org",
      "@type" : "WWE",
      "name" : "WWE",
      "alternateName" : "EC",
      "url" : "https://wwe.com/",
      "potentialAction": {
        "@type": "SearchAction",
        "target": {
          "@type": "EntryPoint",
          "urlTemplate": "https://query.example.com/search?q={search_term_string}"
        },
        "query-input": "required name=search_term_string"
      }
    }
  </script>

Output should be: