How to put best meta for Blogspot? - blogspot

I face big problem with my Blogger template, and I need your help to correct it.
This is code meta tag. Please check it, because the recent posts do not show in Google Archive.
<!-- All in One SEO Pack for blogger by arabes1.com -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, maximum-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/></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>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='download, cutter, free, MP3 Cutter, change ip, video player, betternet,bramj, موقع برامج نت ,hola, learn english, translator, twitter, تحميل مجاني, تغيير الاي بي, موقع برامج' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<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>
<meta content='website' property='og:type'/></b:if></b:if></b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/></b:if>
<link href='https://www.blogger.com/favicon-image.g?blogID=6444158710562232230' rel='icon' type='image/x-icon'/>
<meta content='state, Country' name='geo.placename'/>
<meta content='محمد زوكربيرج ' name='Author'/>
<meta content='general' name='rating'/>
<meta content='Palestine' name='geo.country'/>
<meta content='ar_AR' property='og:locale'/>
<meta content='ar_AR' property='og:locale:alternate'/>
<meta content='Arabic' name='language'/>
<!-- META plus.google -->
<link href='https://plus.google.com/u/0/+%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D8%A8%D8%B1%D8%A7%D9%85%D8%AC-%D8%A7%D9%84%D9%85%D8%AC%D8%A7%D9%86%D9%8A%D8%A9/posts' rel='publisher'/>
<link href='https://plus.google.com/u/0/+%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D8%A8%D8%B1%D8%A7%D9%85%D8%AC-%D8%A7%D9%84%D9%85%D8%AC%D8%A7%D9%86%D9%8A%D8%A9/about' rel='author'/>
<link href='https://plus.google.com/u/0/+%D9%85%D9%88%D9%82%D8%B9-%D8%A7%D9%84%D8%A8%D8%B1%D8%A7%D9%85%D8%AC-%D8%A7%D9%84%D9%85%D8%AC%D8%A7%D9%86%D9%8A%D8%A9' rel='me'/>
<!-- META verification -->
<meta content='p67NQao-e0xkW0RKe2DhhNMHSAx1nGDHc0PagqegBM0' name='google-site-verification'/>
<meta content='732391813E26EC08E5F9828D239FCD58' name='msvalidate.01'/>
<meta content='orifhUgfGzV6J6OTwg8Qp4QqMjw' name='alexaVerifyID'/>
<!-- business:contact -->
<meta content='Palestine' property='business:contact_data:locality'/>
<meta content='00972' property='business:contact_data:postal_code'/>
<meta content='Palestine' property='business:contact_data:country_name'/>
<meta content='mohammed.zuck7#gmail.com' property='business:contact_data:email'/>
<meta content='https://www.ar-download.info/p/' property='business:contact_data:website'/>
<!-- Open Graph -->
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='203255686429440' property='fb:page_id'/>
<meta content='FACEBOOK-APP-ID' property='fb:app_id'/>
<meta content='100025021673219' property='fb:admins'/>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:if cond='data:blog.pageType in {"index","archive"}'>
<meta content='website' property='og:type'/>
<meta content='' property='og:image'/>
<b:elseif cond='data:blog.pageType in {"item","static_page"}'/>
<meta expr:content='data:blog.postImageUrl' property='og:image:alt'/>
<meta content='article' property='og:type'/>
<meta content='https://www.facebook.com/profile.php?id=100025021673219' property='article:author'/>
<meta content='https://www.facebook.com/bramjnet.website' property='article:publisher'/>
</b:if>
<!-- Twitter Card -->
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.metaDescription ? data:blog.metaDescription : data:blog.pageName' name='twitter:description'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName : data:blog.pageTitle' name='twitter:title'/>
<meta content='#bramj11' name='twitter:site'/>
<meta content='#bramj11' name='twitter:creator'/>
<!-- DNS-PREFETCH -->
<link href='//www.blogger.com' rel='dns-prefetch'/>
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//28.2bp.blogspot.com' rel='dns-prefetch'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//www.facebook.com' rel='dns-prefetch'/>
<link href='//plus.google.com' rel='dns-prefetch'/>
<link href='//twitter.com' rel='dns-prefetch'/>
<link href='//www.youtube.com' rel='dns-prefetch'/>
<link href='//feedburner.google.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>
<link href='//apis.google.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/>
<link href='//www.gstatic.com' rel='preconnect'/>
<link href='//www.googletagservices.com' rel='dns-prefetch'/>
<link href='//static.xx.fbcdn.net' rel='dns-prefetch'/>
<link href='//tpc.googlesyndication.com' rel='dns-prefetch'/>
<!-- End of All in One SEO Pack for blogger by arabes1.com -->

Related

Twitter only pulling in meta data from _document.js in next.js application

I have a website that I am trying to get the twitter cards working correctly. It is a wordpress site which has a next.js frontend, and is using Nginx on the server. When I a post through the card validator it returns with an error.
Twitter Validator
I then also return a curl command to check that the twitter bot can correctly get the meta data. I can see from this, that the bot is only getting the meta data from the _document.js file and not from the section on all other pages.
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="/favicon.ico" />
<link rel="manifest" href="/manifest.json" />
<link href="/favicon-16x16.png" rel="icon" type="image/png" sizes="16x16" />
<link href="/favicon-32x32.png" rel="icon" type="image/png" sizes="32x32" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="next-head-count" content="2" />
<link
rel="preload"
href="/_next/static/css/ce6720bdf00aa316b9de.css"
as="style"
/>
<link
rel="stylesheet"
href="/_next/static/css/ce6720bdf00aa316b9de.css"
data-n-g=""
/>
<link
rel="preload"
href="/_next/static/css/c67361c671360a827233.css"
as="style"
/>
<link
rel="stylesheet"
href="/_next/static/css/c67361c671360a827233.css"
data-n-p=""
/>
<noscript data-n-css=""></noscript>
<link
rel="preload"
href="/_next/static/chunks/webpack-50bee04d1dc61f8adf5b.js"
as="script"
/>
<link
rel="preload"
href="/_next/static/chunks/framework.399b4f594eb85e2c7155.js"
as="script"
/>
<link
rel="preload"
href="/_next/static/chunks/1419e7c30131797e0fc31b1630dbae06c77794db.ba3949158633ebe9c5a3.js"
as="script"
/>
<link
rel="preload"
href="/_next/static/chunks/main-fe81cbc1861fb071cce5.js"
as="script"
/>
<link
rel="preload"
href="/_next/static/chunks/c87c33889d5e702d0d23a0ac9d179b8229df78cc.0ad8742fa39b9126fe32.js"
as="script"
/>
<link
rel="preload"
href="/_next/static/chunks/pages/_app-63aaead50ac6d4e21b30.js"
as="script"
/>
<link
rel="preload"
href="/_next/static/chunks/093c66d9a9a99ec0f04b090d98888b980e7d4b8e.c090a2f382e767ada649.js"
as="script"
/>
<link
rel="preload"
href="/_next/static/chunks/7ce7f652127e6c5a7d080638329229dc579ea2a1.06812040a0a5c36b103f.js"
as="script"
/>
<link
rel="preload"
href="/_next/static/chunks/43fae0486030070d6c945758af97867a73878e81.3062007570e55c93df40.js"
as="script"
/>
<link
rel="preload"
href="/_next/static/chunks/pages/magazine-e73418f658e910aaa297.js"
as="script"
/>
</head>
How can can I get the twitter bot to correctly get the meta data from the normal pages?
Here is how i am adding meta data to one of the pages.
<Head>
<title>MTDCNC | {this.props.news[0].title.rendered}</title>
<meta property="og:type" content="website"/>
<meta name="description" content={this.stripMeta(this.props.news[0].content.rendered)}/>
<link rel="canonical" href={`https://mtdcnc.com/news/${this.props.news[0].author_meta.user_nicename}/${this.props.news[0].slug}`} />
<meta name="twitter:title" content={this.props.news[0].title.rendered} />
<meta name="twitter:description" content={this.stripMeta(this.props.news[0].content.rendered)} />
<meta name="twitter:image" content={this.props.news[0].featured_image} />
<meta name="twitter:site" content="#mtdcnc" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:title" content={this.props.news[0].title.rendered}/>
<meta name="keywords" content="Engineering"/>
<meta property="og:url" content={`https://mtdcnc.com/news/${this.props.news[0].author_meta.user_nicename}/${this.props.news[0].slug}`}/>
<meta property="og:description" content={this.stripMeta(this.props.news[0].content.rendered)}/>
<meta property="og:image" content={this.props.news[0].featured_image}/>
</Head>
And here is how i am getting the initial props.
async getInitialProps({query,res}) {
const slug = query.slug
const response = await axios.get(`${process.env.REACT_APP_BASE_API_URL}/wp-json/wp/v2/review?slug=${slug}`)
if(response.data[0]) {
return {
news: response.data,
review:true
}
} else {
const response = await axios.get(`${process.env.REACT_APP_BASE_API_URL}/wp-json/wp/v2/posts?slug=${slug}`)
if(response.data.length < 1 ){
const response = await axios.get(`${process.env.REACT_APP_BASE_API_URL}/wp-json/wp/v2/capacity?slug=${slug}`)
return {
news: response.data,
review:false
}
}else{
return {
news: response.data,
review:false
}
}
}
}

Next.js add header element conditional to _document.js

I owuld like to add these line to _document.js only if a specific route is rendered. Do you know how?
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Fintech | Codrop | Landing Page App Template</title>
<meta name="description" content="">
<script src="themekit/scripts/jquery.min.js"></script>
<script src="themekit/scripts/main.js"></script>
<link rel="stylesheet" href="themekit/css/bootstrap-grid.css">
<link rel="stylesheet" href="themekit/css/style.css">
<link rel="stylesheet" href="themekit/css/glide.css">
<link rel="stylesheet" href="themekit/css/magnific-popup.css">
<link rel="stylesheet" href="themekit/css/content-box.css">
<link rel="stylesheet" href="themekit/css/contact-form.css">
<link rel="stylesheet" href="themekit/css/media-box.css">
<link rel="stylesheet" href="skin.css">
<link rel="icon" href="media/favicon.png">
_document.js:
import Document, { Html, Head, Main } from "next/document";
import NextScript from "../components/nextscript";
import { FB_PIXEL_ID } from "../lib/fpixel";
import { BARION_PIXEL_ID } from "../lib/barionpixel";
import { NEXT_PUBLIC_GOOGLE_ANALYTICS } from "../lib/gtm";
class TiketDocument extends Document {
static async getInitialProps(ctx) {
const initialProps = await Document.getInitialProps(ctx);
return { ...initialProps };
}
render() {
return (
<Html>
<Head>
<link rel="icon" type="image/x-icon" href="/logo.png" />
<meta charSet="utf-8" />
<meta name="theme-color" content="#000000" />
<link rel="apple-touch-icon" href="/logo.png" />
<meta property="og:type" content="website" />
<meta property="fb:app_id" content="2773133082797983" />
<meta name="form

why i can't connect bootstrap to jsp in intellij?

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="/assets/css/bootstrap.css" rel="stylesheet" type="text/css"/>
<link href="/assets/css/bootstrap-theme.css" rel="stylesheet" type="text/css"/>
<script src="/assets/js/jquery-2.1.4.min.js"></script>
<script src="/assets/js/bootstrap.min.js" rel="script"></script>
<script src="/assets/js/bootstrap.js"></script>
<link href="/assets/css/style.css" rel="stylesheet" type="text/css"/>
<title>
Title
there is no error , but when i run program , css and script don't run and in view source when i click on link, i get 404 error

External css can't load on IE7,8,9,10,11

External CSS can not load on Internet Explorer 7, 8, 9, 10, 11. How can I resolve it?
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>

Css in a new page in codeigniter

My css work fine in main page of my site but im facing a problem in the other page.
inside the views there is a Welcome_message.php inside of it is my css links..
in my views folder i have a folder named templates, inside it there are a header.php, main_nav.php and footer.php
in my controller folder there are 2 php files named Welcome.php which is the default_controller that set inside the routes.php and the staff.php that the css wont work.
i have also a folder inside the views that name staff folder. inside of it i have a staff-body.php
here is my code in controller staff.php
class staff extends CI_Controller {
public function index()
{
$this->load->helper('html');
$this->load->helper('url');
$data['title'] = 'NMSC Online Library';
$this->load->view('welcome_message', $data);
$this->load->view('templates/main_nav');
$this->load->view('templates/header');
$this->load->view('templates/footer');
}
}
in my views/welcome_message.php code
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo $title ?></title>
<meta name="description" content="Multi-Level Push Menu: Off-screen navigation with multiple levels" />
<meta name="keywords" content="multi-level, menu, navigation, off-canvas, off-screen, mobile, levels, nested, transform" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="<?php base_url();?>icj/css/normalize.css"/>
<link rel="stylesheet" type="text/css" href="<?php base_url();?>icj/css/demo.css"/>
<link rel="stylesheet" type="text/css" href="<?php base_url();?>icj/css/icons.css"/>
<link rel="stylesheet" type="text/css" href="<?php base_url();?>icj/css/component.css"/>
<link rel="stylesheet" type="text/css" href="<?php base_url();?>icj/css/font-awesome.min.css"/>
<link rel="stylesheet" type="text/css" href="<?php base_url();?>icj/css/my_style.css"/>
<link rel="stylesheet" type="text/css" href="<?php base_url();?>icj/css/table.css"/>
<link rel="stylesheet" type="text/css" href="http://www.w3schools.com/lib/w3.css"/>
</head>
in first run in my mainpage its work will with my css but when i click the button that link in the staff.php in controller, only the text show not the css.
In view create file call header.php. Inside that place
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo $title ?></title>
<meta name="description" content="Multi-Level Push Menu: Off-screen navigation with multiple levels" />
<meta name="keywords" content="multi-level, menu, navigation, off-canvas, off-screen, mobile, levels, nested, transform" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="<?php base_url();?>icj/css/normalize.css"/>
<link rel="stylesheet" type="text/css" href="<?php base_url();?>icj/css/demo.css"/>
<link rel="stylesheet" type="text/css" href="<?php base_url();?>icj/css/icons.css"/>
<link rel="stylesheet" type="text/css" href="<?php base_url();?>icj/css/component.css"/>
<link rel="stylesheet" type="text/css" href="<?php base_url();?>icj/css/font-awesome.min.css"/>
<link rel="stylesheet" type="text/css" href="<?php base_url();?>icj/css/my_style.css"/>
<link rel="stylesheet" type="text/css" href="<?php base_url();?>icj/css/table.css"/>
<link rel="stylesheet" type="text/css" href="http://www.w3schools.com/lib/w3.css"/>
</head>
and in controller
$this->load->view('templates/header');
$this->load->view('templates/body');
$this->load->view('templates/footer');
There is an order to be load view.
Head of page
Body of page
Tail of the page

Resources