Mixing
How do you get the individual post title to be before the blog title?
1
I am looking to have it so that my post title shows up before my blog name. Currently posts show in previews as 'Blog Name:(post title' but I want it to be '(post title) | Blog Name'. This is the current code:
<head>
<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
I used Blogger as my platform.
UPDATE Here is he SEO Code, what do I need to change to put my blog title at the end of the post on social shares?
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum
scale=1' name='viewport'/>
<link href='http://fonts.googleapis.com/css?family=Bad+Script|Raleway:400,500,600,700,300|Lora:400' rel='stylesheet' type='text/css'/>
blogger blogger-dynamic-views
asked Nov 18 '18 at 17:00
LatoyahLatoyah
145
add a comment |
1
I am looking to have it so that my post title shows up before my blog name. Currently posts show in previews as 'Blog Name:(post title' but I want it to be '(post title) | Blog Name'. This is the current code:
<head>
<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
I used Blogger as my platform.
UPDATE Here is he SEO Code, what do I need to change to put my blog title at the end of the post on social shares?
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum
scale=1' name='viewport'/>
<link href='http://fonts.googleapis.com/css?family=Bad+Script|Raleway:400,500,600,700,300|Lora:400' rel='stylesheet' type='text/css'/>
blogger blogger-dynamic-views
asked Nov 18 '18 at 17:00
LatoyahLatoyah
145
I'm not too sure, where would I find out? It says UTF-8 ? Not sure if that's it.
– Latoyah
Nov 18 '18 at 17:09
Ok, but your code is incomplete, please share lines before that.
– Bassam
Nov 18 '18 at 20:04
@Bassam I have updated the post with the full code
– Latoyah
Nov 19 '18 at 10:48
add a comment |
1
1
1
I am looking to have it so that my post title shows up before my blog name. Currently posts show in previews as 'Blog Name:(post title' but I want it to be '(post title) | Blog Name'. This is the current code:
<head>
<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
I used Blogger as my platform.
UPDATE Here is he SEO Code, what do I need to change to put my blog title at the end of the post on social shares?
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum
scale=1' name='viewport'/>
<link href='http://fonts.googleapis.com/css?family=Bad+Script|Raleway:400,500,600,700,300|Lora:400' rel='stylesheet' type='text/css'/>
blogger blogger-dynamic-views
asked Nov 18 '18 at 17:00
LatoyahLatoyah
145
I am looking to have it so that my post title shows up before my blog name. Currently posts show in previews as 'Blog Name:(post title' but I want it to be '(post title) | Blog Name'. This is the current code:
<head>
<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
I used Blogger as my platform.
UPDATE Here is he SEO Code, what do I need to change to put my blog title at the end of the post on social shares?
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum
scale=1' name='viewport'/>
<link href='http://fonts.googleapis.com/css?family=Bad+Script|Raleway:400,500,600,700,300|Lora:400' rel='stylesheet' type='text/css'/>
blogger blogger-dynamic-views
blogger blogger-dynamic-views
asked Nov 18 '18 at 17:00
LatoyahLatoyah
145
asked Nov 18 '18 at 17:00
LatoyahLatoyah
145
edited Nov 19 '18 at 18:17
Latoyah
asked Nov 18 '18 at 17:00
LatoyahLatoyah
145
asked Nov 18 '18 at 17:00
LatoyahLatoyah
145
asked Nov 18 '18 at 17:00
LatoyahLatoyah
145
145
I'm not too sure, where would I find out? It says UTF-8 ? Not sure if that's it.
– Latoyah
Nov 18 '18 at 17:09
Ok, but your code is incomplete, please share lines before that.
– Bassam
Nov 18 '18 at 20:04
@Bassam I have updated the post with the full code
– Latoyah
Nov 19 '18 at 10:48
add a comment |
I'm not too sure, where would I find out? It says UTF-8 ? Not sure if that's it.
– Latoyah
Nov 18 '18 at 17:09
Ok, but your code is incomplete, please share lines before that.
– Bassam
Nov 18 '18 at 20:04
@Bassam I have updated the post with the full code
– Latoyah
Nov 19 '18 at 10:48
I'm not too sure, where would I find out? It says UTF-8 ? Not sure if that's it.
– Latoyah
Nov 18 '18 at 17:09
I'm not too sure, where would I find out? It says UTF-8 ? Not sure if that's it.
– Latoyah
Nov 18 '18 at 17:09
Ok, but your code is incomplete, please share lines before that.
– Bassam
Nov 18 '18 at 20:04
Ok, but your code is incomplete, please share lines before that.
– Bassam
Nov 18 '18 at 20:04
@Bassam I have updated the post with the full code
– Latoyah
Nov 19 '18 at 10:48
@Bassam I have updated the post with the full code
– Latoyah
Nov 19 '18 at 10:48
add a comment |
1 Answer
1
active
oldest
votes
0
You need to change meta tags og:title and twitter:title in order to put blog title after post title on social media links
Replace
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
With
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' property='og:title'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' name='twitter:title'/>
You can change dash sign between quotes " - " as you like.
Your code:
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' property='og:title'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' name='twitter:title'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum
scale=1' name='viewport'/>
<link href='http://fonts.googleapis.com/css?family=Bad+Script|Raleway:400,500,600,700,300|Lora:400' rel='stylesheet' type='text/css'/>
answered Nov 19 '18 at 12:30
BassamBassam
1,5292612
Thanks for your reply. When I do a rich preview or share my post on Facebook for example, it comes up with my blog post title and a : before the post title. Is there any reason or other cause for this? Thanks so much again! @bassam
– Latoyah
Nov 19 '18 at 12:54
Ok, the problem is in social media meta tags, you need to add the code below<!-- [ Social Media Meta Tag ] -->
– Bassam
Nov 19 '18 at 14:22
I have added the social tags in the main post. What do I need to amend? Thanks
– Latoyah
Nov 19 '18 at 18:21
Now you can try my new answer and If this answer solved your issue, please mark it as accepted to help other users with the same issue.
– Bassam
Nov 19 '18 at 19:49
Thank you so, so much!! You are a star!
– Latoyah
Nov 21 '18 at 10:18
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53363361%2fhow-do-you-get-the-individual-post-title-to-be-before-the-blog-title%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
You need to change meta tags og:title and twitter:title in order to put blog title after post title on social media links
Replace
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
With
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' property='og:title'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' name='twitter:title'/>
You can change dash sign between quotes " - " as you like.
Your code:
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' property='og:title'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' name='twitter:title'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum
scale=1' name='viewport'/>
<link href='http://fonts.googleapis.com/css?family=Bad+Script|Raleway:400,500,600,700,300|Lora:400' rel='stylesheet' type='text/css'/>
answered Nov 19 '18 at 12:30
BassamBassam
1,5292612
Thanks for your reply. When I do a rich preview or share my post on Facebook for example, it comes up with my blog post title and a : before the post title. Is there any reason or other cause for this? Thanks so much again! @bassam
– Latoyah
Nov 19 '18 at 12:54
Ok, the problem is in social media meta tags, you need to add the code below<!-- [ Social Media Meta Tag ] -->
– Bassam
Nov 19 '18 at 14:22
I have added the social tags in the main post. What do I need to amend? Thanks
– Latoyah
Nov 19 '18 at 18:21
Now you can try my new answer and If this answer solved your issue, please mark it as accepted to help other users with the same issue.
– Bassam
Nov 19 '18 at 19:49
Thank you so, so much!! You are a star!
– Latoyah
Nov 21 '18 at 10:18
add a comment |
0
You need to change meta tags og:title and twitter:title in order to put blog title after post title on social media links
Replace
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
With
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' property='og:title'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' name='twitter:title'/>
You can change dash sign between quotes " - " as you like.
Your code:
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' property='og:title'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' name='twitter:title'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum
scale=1' name='viewport'/>
<link href='http://fonts.googleapis.com/css?family=Bad+Script|Raleway:400,500,600,700,300|Lora:400' rel='stylesheet' type='text/css'/>
answered Nov 19 '18 at 12:30
BassamBassam
1,5292612
Thanks for your reply. When I do a rich preview or share my post on Facebook for example, it comes up with my blog post title and a : before the post title. Is there any reason or other cause for this? Thanks so much again! @bassam
– Latoyah
Nov 19 '18 at 12:54
Ok, the problem is in social media meta tags, you need to add the code below<!-- [ Social Media Meta Tag ] -->
– Bassam
Nov 19 '18 at 14:22
I have added the social tags in the main post. What do I need to amend? Thanks
– Latoyah
Nov 19 '18 at 18:21
Now you can try my new answer and If this answer solved your issue, please mark it as accepted to help other users with the same issue.
– Bassam
Nov 19 '18 at 19:49
Thank you so, so much!! You are a star!
– Latoyah
Nov 21 '18 at 10:18
add a comment |
0
0
0
You need to change meta tags og:title and twitter:title in order to put blog title after post title on social media links
Replace
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
With
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' property='og:title'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' name='twitter:title'/>
You can change dash sign between quotes " - " as you like.
Your code:
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' property='og:title'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' name='twitter:title'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum
scale=1' name='viewport'/>
<link href='http://fonts.googleapis.com/css?family=Bad+Script|Raleway:400,500,600,700,300|Lora:400' rel='stylesheet' type='text/css'/>
answered Nov 19 '18 at 12:30
BassamBassam
1,5292612
You need to change meta tags og:title and twitter:title in order to put blog title after post title on social media links
Replace
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
With
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' property='og:title'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' name='twitter:title'/>
You can change dash sign between quotes " - " as you like.
Your code:
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' property='og:title'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName + " - " + data:blog.title : data:blog.title' name='twitter:title'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum
scale=1' name='viewport'/>
<link href='http://fonts.googleapis.com/css?family=Bad+Script|Raleway:400,500,600,700,300|Lora:400' rel='stylesheet' type='text/css'/>
answered Nov 19 '18 at 12:30
BassamBassam
1,5292612
edited Nov 19 '18 at 19:44
answered Nov 19 '18 at 12:30
BassamBassam
1,5292612
answered Nov 19 '18 at 12:30
BassamBassam
1,5292612
answered Nov 19 '18 at 12:30
BassamBassam
1,5292612
1,5292612
Thanks for your reply. When I do a rich preview or share my post on Facebook for example, it comes up with my blog post title and a : before the post title. Is there any reason or other cause for this? Thanks so much again! @bassam
– Latoyah
Nov 19 '18 at 12:54
Ok, the problem is in social media meta tags, you need to add the code below<!-- [ Social Media Meta Tag ] -->
– Bassam
Nov 19 '18 at 14:22
I have added the social tags in the main post. What do I need to amend? Thanks
– Latoyah
Nov 19 '18 at 18:21
Now you can try my new answer and If this answer solved your issue, please mark it as accepted to help other users with the same issue.
– Bassam
Nov 19 '18 at 19:49
Thank you so, so much!! You are a star!
– Latoyah
Nov 21 '18 at 10:18
add a comment |
Thanks for your reply. When I do a rich preview or share my post on Facebook for example, it comes up with my blog post title and a : before the post title. Is there any reason or other cause for this? Thanks so much again! @bassam
– Latoyah
Nov 19 '18 at 12:54
Ok, the problem is in social media meta tags, you need to add the code below<!-- [ Social Media Meta Tag ] -->
– Bassam
Nov 19 '18 at 14:22
I have added the social tags in the main post. What do I need to amend? Thanks
– Latoyah
Nov 19 '18 at 18:21
Now you can try my new answer and If this answer solved your issue, please mark it as accepted to help other users with the same issue.
– Bassam
Nov 19 '18 at 19:49
Thank you so, so much!! You are a star!
– Latoyah
Nov 21 '18 at 10:18
Thanks for your reply. When I do a rich preview or share my post on Facebook for example, it comes up with my blog post title and a : before the post title. Is there any reason or other cause for this? Thanks so much again! @bassam
– Latoyah
Nov 19 '18 at 12:54
Thanks for your reply. When I do a rich preview or share my post on Facebook for example, it comes up with my blog post title and a : before the post title. Is there any reason or other cause for this? Thanks so much again! @bassam
– Latoyah
Nov 19 '18 at 12:54
Ok, the problem is in social media meta tags, you need to add the code below
<!-- [ Social Media Meta Tag ] -->– Bassam
Nov 19 '18 at 14:22
Ok, the problem is in social media meta tags, you need to add the code below
<!-- [ Social Media Meta Tag ] -->– Bassam
Nov 19 '18 at 14:22
I have added the social tags in the main post. What do I need to amend? Thanks
– Latoyah
Nov 19 '18 at 18:21
I have added the social tags in the main post. What do I need to amend? Thanks
– Latoyah
Nov 19 '18 at 18:21
Now you can try my new answer and If this answer solved your issue, please mark it as accepted to help other users with the same issue.
– Bassam
Nov 19 '18 at 19:49
Now you can try my new answer and If this answer solved your issue, please mark it as accepted to help other users with the same issue.
– Bassam
Nov 19 '18 at 19:49
Thank you so, so much!! You are a star!
– Latoyah
Nov 21 '18 at 10:18
Thank you so, so much!! You are a star!
– Latoyah
Nov 21 '18 at 10:18
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53363361%2fhow-do-you-get-the-individual-post-title-to-be-before-the-blog-title%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
I'm not too sure, where would I find out? It says UTF-8 ? Not sure if that's it.
– Latoyah
Nov 18 '18 at 17:09
Ok, but your code is incomplete, please share lines before that.
– Bassam
Nov 18 '18 at 20:04
@Bassam I have updated the post with the full code
– Latoyah
Nov 19 '18 at 10:48