Im Blog Page Title separat einstellen

SOLVE
Highlighted
New Contributor

Hi,

mit der Bitte von Rick aus dem Support wende ich mich nun an die Hubspot-Entwicklung:

In Blogs, die über Hubspot laufen, besteht nicht die Möglichkeit den Title für Suchmaschinen separat einstellen zu können.

Mit Rick zusammen habe ich einen Test-Blog erstellt, indem wir über Code-Umwege den Title einstellbar machen wollen:

https://blog.deltra.com/test/der-titel-ist-nicht-seo-geeignet

Nach Ricks Code-Anpassung ist es nun so, dass der Blog Post nicht auf der Listing Page auftaucht. Hier müsse wohl der Code angepasst werden von der Hubspot-Entwicklung.

Könnt ihr das umsetzen?

 

Ticket Nr. 2536882

 

Liebe Grüße,

Lennart

 

 

SEO
Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Advisor | Platinum Partner

Hi @rdeter 

I'm not sure what changed but I am now seeing your test blog listed on the listing page here: https://blog.deltra.com/test


Did my post help answer your query? Help the Community by marking it as a solution.

Matthew Shepherd

An Inbound Growth Agency
Platinum HubSpot Partner

Reply
0 Upvotes
9 Replies 9
HubSpot Employee

Hi there, translating this post for the english speaking community: 

 

In Blogs that are created on HubSpot, it is currently not possible to have a seperate blog post title for search engine optimization. 

We have created a sample blog page: https://blog.deltra.com/test/der-titel-ist-nicht-seo-geeignet, where we followed the instructions on this suggestion by another user: 

https://community.hubspot.com/t5/HubSpot-Ideas/Different-Title-Tag-than-Page-Title/idi-p/167661/page...

 

It seems to be working, the only problem is that the blog post we sample created does not show on the blog listing page. I am assuming that there is something missing in the HubL code to not have the post appear. 

Can you help us? 

Advisor | Platinum Partner

@Lennart92 @rdeter 

 

For your /test blog (which looks like it is a separate from your root blog and like using a different template), can you share your blog template code? (using the insert code feature in the HS Community text editor)


Did my post help answer your query? Help the Community by marking it as a solution.

Matthew Shepherd

An Inbound Growth Agency
Platinum HubSpot Partner

Reply
0 Upvotes
New Contributor

Hi @rdeter!

Of course, thank you! I hope this is the right way you want to get the code!

1. Template Blog Detail-Page

2. Template Blog Listing Page

 

 

--------------------------------1------------------------------------------

<div class="blog-section">
<div class="blog-post-wrapper cell-wrapper">
<div class="blog-section">
<div class="blog-post-wrapper cell-wrapper">
<div class="section post-header">
<h1>{{ content.name }}</h1>
<span class="reading-minutes" style="font-size:12px"><b>
{% set initialPostWords = content.post_body|wordcount %}
{% set calculatedPostWords = (initialPostWords/100) * 100 %}
{% set finishedPostWords = calculatedPostWords|divide(300)|round(2) %}
{% set number = finishedPostWords|round %}
{% if number < 1 %}

{% else %}
{{ finishedPostWords|round }} MIN. LESEZEIT
{% endif %}
</b></span>


</div>

<div class="section post-body">
{{ content.post_body }}
</div>
<div id="hubspot-author_data" class="hubspot-editable" data-hubspot-form-id="author_data" data-hubspot-name="Blog Author" >
<span class="hs-author-label">Verfasst von</span>
{% if content.blog_post_author %}
<a class="author-link" href="{{ blog_author_url(group.id, content.blog_post_author.slug) }}">{{ content.blog_post_author.display_name }}</a> am {{ content.publish_date_localized }}
{% if content.blog_post_author.avatar %} <div class="hs-author-avatar"> <img src="{{ content.blog_post_author.avatar }}" alt="{{ content.blog_post_author.display_name }}"> </div> {% endif %}
{% if content.blog_post_author.has_social_profiles %}
<div class="hs-author-social-section">
<span class="hs-author-social-label">Social Media</span>
<div class="hs-author-social-links">
{% if content.blog_post_author.facebook %}
<a href="{{ content.blog_post_author.facebook }}" target="_blank" class="hs-author-social-link hs-social-facebook">Facebook </a>
{% endif %}
{% if content.blog_post_author.linkedin %}
<a href="{{ content.blog_post_author.linkedin }}" target="_blank" class="hs-author-social-link hs-social-linkedin">LinkedIn</a>
{% endif %}
{% if content.blog_post_author.twitter %}
<a href="{{ content.blog_post_author.twitter }}" target="_blank" class="hs-author-social-link hs-social-twitter">Twitter </a>
{% endif %}
{% if content.blog_post_author.google_plus %}
<a href="{{ content.blog_post_author.google_plus }}?rel=author" target="_blank" class="hs-author-social-link hs-social-google-plus">Google+</a>
{% endif %}
</div>
</div>
{% endif %}
{% endif %}

</div>
{% if content.topic_list %}
<p id="hubspot-topic_data" > Themen:
{% for topic in content.topic_list %}
<a class="topic-link" href="{{ blog_tag_url(group.id, topic.slug) }}">{{ topic.name }}</a>{% if not loop.last %},{% endif %}
{% endfor %}
</p>
{% endif %}
</div>
</div>

</div>
</div>

 

 

----------------------------------------2-------------------------------------------------

 

<div class="blog-section">
<div class="blog-listing-wrapper cell-wrapper">
<div class="blog-section">
<div class="blog-listing-wrapper cell-wrapper">
{# simple_list_page indicates the "blog/all" page, which is a list of links to every blog post #}
<div class="post-listing{% if simple_list_page %}-simple{% endif %}">
{% if blog_author %}
<div class="hs-author-profile">
<h2 class="hs-author-name">{{ blog_author.display_name }}</h2>
{% if blog_author.avatar %} <div class="hs-author-avatar"> <img src="{{ blog_author.avatar }}" alt="{{ blog_author.display_name }}"> </div> {% endif %}
<div class="hs-author-bio">{{ blog_author.bio }}</div>
{% if blog_author.has_social_profiles %}
<div class="hs-author-social-section">
<span class="hs-author-social-label">Social Media</span>
<div class="hs-author-social-links">
{% if blog_author.facebook %}
<a href="{{ blog_author.facebook }}" target="_blank" class="hs-author-social-link hs-social-facebook">&nbsp;</a>
{% endif %}
{% if blog_author.linkedin %}
<a href="{{ blog_author.linkedin }}" target="_blank" class="hs-author-social-link hs-social-linkedin">&nbsp;</a>
{% endif %}
{% if blog_author.twitter %}
<a href="{{ blog_author.twitter }}" target="_blank" class="hs-author-social-link hs-social-twitter">&nbsp;</a>
{% endif %}
{% if blog_author.google_plus %}
<a href="{{ blog_author.google_plus }}?rel=author" target="_blank" class="hs-author-social-link hs-social-google-plus">&nbsp;</a>
{% endif %}
</div>
</div>
{% endif %}
</div>
<h3 class="hs-author-listing-header">Letzte Beiträge</h3>
{% endif %}
{% for content in contents %}
<div class="post-item">
{% if not simple_list_page %}
<div class="post-header">
<h2><a href="{{content.absolute_url}}">{{ content.name }}</a>
</h2>
<span class="reading-minutes" style="font-size:12px"><b>
{% set initialPostWords = content.post_body|wordcount %}
{% set calculatedPostWords = (initialPostWords/100) * 100 %}
{% set finishedPostWords = calculatedPostWords|divide(300)|round(2) %}
{% set number = finishedPostWords|round %}
{% if number < 1 %}

{% else %}
{{ finishedPostWords|round }} MIN. LESEZEIT
{% endif %}
</b></span>


</div>
<div class="post-body clearfix">
<!--post summary-->
{% if content.post_list_summary_featured_image %}
<div class="hs-featured-image-wrapper">
<a href="{{content.absolute_url}}" title="" class="hs-featured-image-link">
<img src="{{ content.post_list_summary_featured_image }}" class="blog-list-image align-center"
alt="{{ content.featured_image_alt_text | escape }}" >
</a>
</div>
{% endif %}

{{ content.post_list_content|safe }}
{% if content_group.show_summary_in_listing %}
<a class="more-link" href="{{ content.absolute_url }}">Mehr lesen ›</a>
{% endif %}
</div>


{% else %}
<h2 class="post-listing-simple"><a href="{{content.absolute_url}}">{{ content.name }}</a></h2>
{% endif %}
</div>
{% endfor %}
</div>

</div>
</div>
</div>
</div>

 

 

 

Reply
0 Upvotes
Advisor | Platinum Partner

Thanks @Lennart92 

 

Can you also navigate to Settings->Blog and where it says "Select a blog to modify" select Test from the dropdown menu of your blogs, and then click the Templates tab. On that screen can you confirm the template listed matches the template you sent and can you send a screenshot of this screen, please?

 

 

hs-blog-listing.png

 


Did my post help answer your query? Help the Community by marking it as a solution.

Matthew Shepherd

An Inbound Growth Agency
Platinum HubSpot Partner

Reply
0 Upvotes
New Contributor

Sure, here's the screenshot. 

Please mind that the templates "orgaMAX Blog (detail)" & "orgaMAX Blog Übersicht" are used in our live-system.

 

screenshot 1 hubspot.JPG

Reply
0 Upvotes
Advisor | Platinum Partner

Hi @rdeter 

I'm not sure what changed but I am now seeing your test blog listed on the listing page here: https://blog.deltra.com/test


Did my post help answer your query? Help the Community by marking it as a solution.

Matthew Shepherd

An Inbound Growth Agency
Platinum HubSpot Partner

Reply
0 Upvotes
HubSpot Employee

Hi there @MatthewShepherd and @Lennart92,

 

Seems like it is working now, can you confirm @Lennart92 ?

 

Cheers, Rick

Reply
0 Upvotes
New Contributor

Hey @MatthewShepherd and @rdeter,

the blog-article appears now on the listing page - that's solved now, thank you!

But I don't understand where I can name the Title and the first Headline (H1) separately?

Is there an opportunity to have one more entry field for the Title, so that the H1 is the Headline we can change in the article, and in the settings we can change the title?

 

Cheers,

Lennart

 

 

Reply
0 Upvotes
Advisor | Platinum Partner

Hi @Lennart92 

This is possible but requires some template customisation. Take a look at the answer to this thread which outlines a way to achieve this: https://community.hubspot.com/t5/HubSpot-Ideas/Different-Title-Tag-than-Page-Title/idc-p/257356/high...


Did my post help answer your query? Help the Community by marking it as a solution.

Matthew Shepherd

An Inbound Growth Agency
Platinum HubSpot Partner

Reply
0 Upvotes