Making sure a web page is not cached, across all browsers - caching

You said you put these lines, but where and how do I put this in my html?
I used those below, but they didn't work in all browsers
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Put them anywhere between <head> and </head>, but after the tag <meta http-equiv="Content-Type" ...> if there is one.

meta goes into the <head> of the document.
<html>
<head>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
</head>
<body>
<p>hi!</p>
</body>
</html>

They go in between <head> and </head>.

Related

how add meta description in tpl file

I need to add meta description from content
I have main.tpl and there is
<meta name="author" content="Kuzdrowiu.pl">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" >
<link rel="stylesheet" href="./w3css.css">
<title>{$tresc.title} | Medycyna Naturalna</title>
The content is taken from this code:
<div id="content_middle">{include file="$content"}</div>
By entering the code below I can call the meta description but only with the html code. How can I do it differently? I've been sitting here for 3 days and nothing is working properly.
<meta name="description" content='{$tresc.content}'>
Please help
Maybe if-else condition help you:
{if $smarty.server.REQUEST_URI eq '/URL-1'}
<meta name='description' content='YOUR-DESCRIPTION-1'>
{elseif $smarty.server.REQUEST_URI eq '/URL-2'}
<meta name='description' content='YOUR-DESCRIPTION-2'>
{/if}

extending fragments in Thymeleaf

I have the following fragment. I'm trying to extend the base fragment "head" with the open graph tags... but the rendered page contains only tags from fragments/head, with the og ones.
How can I add more tags to a fragment?
<head th:include="fragments/head :: head">
<!-- You can use Open Graph tags -->
<meta property="og:url" th:content="${url}" />
<meta property="og:type" content="website" />
<meta property="og:title" content="GUApp" />
<meta property="og:description" th:content="${description}" />
<!--<meta property="og:image" content="http://www.your-domain.com/path/image.jpg" />-->
</head>
<head th:fragment="head" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
....
</head>
The easiest option is to pass additional tags as in Flexible layouts documentation demo.
Thanks to fragment expressions, we can specify parameters for
fragments that are not texts, numbers, bean objects… but instead
fragments of markup.
This allows us to create our fragments in a way such that they can be
enriched with markup coming from the calling templates, resulting in a
very flexible template layout mechanism.
index.html
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:include="header :: head(~{::meta})">
<!-- You can use Open Graph tags -->
<meta property="og:url" th:content="${url}"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="GUApp"/>
<meta property="og:description" th:content="${description}"/>
</head>
...
header.html
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:fragment="head(meta)">
<!-- some default styles -->
<link href="base.css" rel="stylesheet" />
<!--/* Per-page placeholder for additional meta tags */-->
<th:block th:replace="${meta}" />
</head>
...
Result html:
<!DOCTYPE html>
<html lang="en">
<head>
<link href="base.css" rel="stylesheet" />
<meta property="og:url"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="GUApp"/>
<meta property="og:description"/>
</head>
...

Code Igniter lose charset

I'm using codeigniter but it loses charset every time.
What can cause this?
For example:
At my address bar
www.abc.com/def
www.abc.com/def/
My db is UTF-8
My config file - $config['charset'] = 'ISO-8859-1';
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
</body>
</html>
take a look at meta charset part

open graph tags not being read by Facebook but are in page source

I'm having a problem getting Facebook to recognize my open graph tags. In looking at the source of the page I see the open graph tags properly but when I go to Facebook's open graph tag debugger, it is not picking up the open graph tags.
Here's what the source looks like:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
<head>
<meta charset="UTF-8" />
<title>Run When You - Arte House on Joss & Main</title>
<meta name="description" content="With its' vibrant pastel color scheme and and unique design this wall art sign provides the perfect inspirtation for anytime of the day. Comes complete with ..." />
<meta name="keywords" content="Vintage-Inspired Wood Plank Wall Art" />
<meta property="fb:admins" content="32604531" />
<meta property="og:title" content="I love the Run When You in the Arte House event at Joss & Main!" />
<meta property="og:description" content="With its' vibrant pastel color scheme and and unique design this wall art sign provides the perfect inspirtation for anytime of the day. Comes complete with ..." />
<meta property="og:image" content="https://secure.common.josscdn.com/lf/53/hash/15872/5360609/1/Run+When+You.jpg" />
<meta property="og:site_name" content="Joss & Main" />
<meta property="og:type" content="product" />
<meta property="og:url" content="https://www.jossandmain.com/Run-When-You~QVH1296~E627.html" />
Here's what the Facebook's debuger pickes up:
URL: https://www.jossandmain.com/Run-When-You~QVH1296~E627.html
https://developers.facebook.com/tools/debug/og/object?q=https%3A%2F%2Fwww.jossandmain.com%2FRun-When-You%7EQVH1296%7EE627.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta charset="UTF-8">
<title>Joss & Main</title>
<meta property="fb:admins" content="32604531">
I'm banging my head on the wall - any ideas?
Are you sure the tags are there? Here's what I see in that URL:
Had the same problem changed
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
to just
<!DOCTYPE html>
Source:
http://www.thesoftgrounds.com

Wrong image for Like button with meta properties

Even with the meta properties, FB is still fetching the wrong image.
Here is my head:
<title>5mm 70L Full Wave LED 5-multi Holiday Lights</title>
<meta name="description" content="5mm 70L Full Wave LED 5-multi Holiday Lights - The LED Warehouse" />
<meta name="keywords" content="5mm,70L,Full,Wave,LED,5-multi,Holiday,Lights" />
<meta name="GOOGLEBOT" content="index,follow" />
<meta name="robots" content="index,follow" />
<link rel="shortcut icon" href="favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta property="og:title" content="5mm 70L Full Wave LED 5-multi Holiday Lights" />
<meta property="og:type" content="product" />
<meta property="og:url" content="http://testing.environmentalled.com/5mm-70L-Full-Wave-LED-5-multi-Holiday-Lights-p105.html"/>
<meta property="og:image" content="http://www.environmentalled.com/images/products/839.jpg"/>
<meta property="og:site_name" content="The LED Warehouse" />
<meta property="fb:admins" content="100001735835873" />
<link href="/style-led.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/magiczoom.js"></script>
I use these meta properties on other non php pages without any issue.
From the og:url you specified: http://testing.environmentalled.com/5mm-70L-Full-Wave-LED-5-multi-Holiday-Lights-p105.html
From that the linter sees:
Meta Tag: <meta property="og:title" content="5mm 70L Full Wave LED 5-multi Holiday Lights" />
Meta Tag: <meta property="og:type" content="product" />
Meta Tag: <meta property="og:url" content="http://testing.environmentalled.com/5mm-70L-Full-Wave-LED-5-multi-Holiday-Lights-p105.html" />
Meta Tag: <meta property="og:image" content="http://www.environmentalled.com/images/products/839.jpg" />
Meta Tag: <meta property="og:site_name" content="The LED Warehouse" />
Meta Tag: <meta property="fb:admins" content="100001735835873" />
Is this incorrect?
The only thing the linter says is that it cannot find og:description.
Is http://www.environmentalled.com/images/products/839.jpg the correct image you want?

Resources