Chinese symbols in my google search for my website - html

My site got recently hacked. I have fixed everything but for one thing.
When you search on google growfeeder you find my website www.growfeeder.com.
But it is showing alot of wierd symbols on my google search.
Does somebody know how to fix it?
This is what it looks like:
I hope somebody can help me.

Check the meta tags in the head.
<head>
<meta name="description" content="something here.">
</head>
Chances are google hasn't re-indexed your site.

Related

Microsoft Edge Translation Tool

I have, what I think, is a strange problem.
I have been creating a webpage for my site that, whenever I refresh the page, prompts Microsoft Edge (but not Chrome or FireFox) to ask me if I would like to translate the page from Portuguese and sometimes French.
I have been going through the HTML to identify what is causing this issue and I have discovered the following block of code is causing the issue:
<p class="ltol__pub">
This website is a publication of the livingtheOKlife company.
</p>
You may at this point be thinking that the name "livingtheOKlife" is causing the issue. However, I have used this name on multiple webpages in the past and never had this problem before. Furthermore, if I use a different line for the paragraph:
<p class="ltol__pub">
This website was designed and created by the livingtheOKlife
company.
</p>
The issue is resolved.
It is not an problem if I have to use the second line instead of the first. I can sleep at night if that is to be the case. However, I would very much like to know if anyone knows what may be causing the translate prompt to appear?
... and before you say it, I have included <html lang="en"> in the document.
... and I'm also aware this could be a bug, but I cannot find any record of it anywhere.
Add translate="no" in the <html> tag of your page. Also add <meta> tag with name="google" and content="notranslate" in the <head>. This tag should also work on Edge.
<html lang="en" translate="no">
<head>
<meta name="google" content="notranslate">
</head>
...
</html>

Safari web page saved to home screen stuck in standalone mode

We've been working on a web app and did some work to make it more PWAesque, so we added <meta name="apple-mobile-web-app-capable" content="yes"> to our <head />.
This ended up being more problematic as we hadn't thought to implement our own navigation UI (back and forward etc) and it appears that as soon as you exit you lose your logged in session.
So this ended up negatively impacting experience and we've decided to remove <meta name="apple-mobile-web-app-capable" content="yes">.
Easy, right?
Nope.
Even with the removal of this meta tag and new installations to the Home Screen (and on different devices where it was not previously installed) it continues to open in standalone mode rather than in Safari.
I've scoured Google pretty hard but maybe I'm not searching the right terms.
Is there a step that I've missed? Has any one encountered this?
Thanks in advance!
The answer is that it was in our manifest.json file.

HTML CSS static site pages display at different sizes

I am relative new, have built some static web pages but not an expert. I apologize if this has been answered else where, I am not sure what the error I am encountering would be called and have tried to search for an answer already and have not been successful. Please point me to another answer if an answer to this already exists.
For the project, I am building a static website for a school project and noticed that the html/css pages are displaying at different sizes (almost seems as if there was zoom effect). After looking at the code through the inspector I noticed that on the index.html page displays with a width of: 1236px and the other pages display with width of: 1350px in the same view port. Not sure how to to resolve this. Below is the link to the code on github. Again apologies if there is a better way to upload the code here, this is my first post on this forum.
https://github.com/teoherman/repice-site
Thanks in advance,
The issue is the fifth line in your index.html, or rather the lack thereof on your other pages. It is a good idea to always have a meta tag indicating viewport information.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Add this line into the head of your other pages. Note that you may want to keep most meta-tags in your <head> identical over different pages of one website. Most notably, these three:
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
When I started I use Bootstrap for most of my school project. It help displaying pages in different screen sizes and there are many sample codes that you could use. Hope this might help you.

Facebook meta tag author not working

I have this:
<meta property="article:publisher" content="LINK_TO_FACEBOOK_FANPAGE">
<meta name="author" content="My Name">
But it suddenly stopped working and names are not showing anymore. I'm not using meta tag article:author, since not all of our colleagues have facebook profile. I remember like 1 month ago it worked well, but I noticed this change today. Did facebook remove it on purpose? If so, is it possible to override it, so it will show peoples' names even without facebook profiles?
Try debugging via Facebook Debugger

Weird signs in my WP blog when I'm using

recently I have strange bug i my WP blog, when I;m using - I'm getting weird signs like ?.
this is image describing my problem: http://1drv.ms/1KIEoRc
Adding <meta charset="UTF-8"> to your head section should solve the problem.