I am doing pretty basic thing here.
Showing some posts on a page. Each post is inside a div and has an anchor tag showing its permanent url
for example
<div>
<a href='permanent_link_url'>permalink </a>
Summary of the Post
</div>
Now when I am trying to search for a post on popular search engines, they are not displaying the permanent link that I have included in the div, so rather than redirecting me to the permanent link of the post, its redirecting me to the home page of the website
Any suggestions on what should be done here to overcome this issue
You may want to look at the canonical link standard to help you out here. I'm assuming the permalink actually works as a URL and that it is on the same website.
So for your example, I would include some HTML in the <head> section of the page that has:
<link rel="canonical" href="the_permanent_link"/>
so that you can instruct the search engines that this is in fact the best link to the content in question. Where possible, you should also correct your "old" links to the canonical link. You may also want to send sitemaps to the popular browsers as a best practice.
Related
I'm using wkhtmltopdf to convert an html template into a pdf, and I want to use some html as a footer, but as far as I can tell I have to make the html a webpage, which means it would be visible to the public. So I have two questions:
Is there any way to use a string or a file with footer-html?
If not, is there any way to prevent the footer webpage from being visible to the public? I'm using flask to make my website.
Why do you not want anyone to see the footer tag?
A <footer> element typically contains:
authorship information
copyright information
contact information
sitemap
back to top links
related documents
Also, no one can see your html unless you publish it.
If this does not answer your question, consider to edit it with a more clear question.
If you really want to hide it you can go to the link below ^^
W3schools Example
I'm studying HTML5 and i need to create a hyperlink from on page to an id location on the second one.
Both HTML files are in the same folder.
What I tried so far is here:
World Wide Web overview
World wide web overview
None of these worked for me so far.
I tried looking for answers online and didn't find anything related.
I could try to find the needed code by looking in to an existing code of a page with the same function that I'm looking for, but I'm not familiar with a page like that while looking for a page on the web is impractical.
When you want to link to a specific id location on a page, you need to put it after the URL like so:
World Wide Web overview
The # part indicates to the browser that this is an id of an anchor on the index.html page. This anchor would look like this:
Some Text
Hope this helps!
When I share my portfolio I want to have it give a short description, like it does with most major websites. I don't know how to get a small box of information under it. I'll post images that have one with a description and one without
You need to add meta tags to your HTML.
For facebook, you can use this to test (in general this tends to be a good testing tool for most platforms)
For discord links, check out this answer for more info and a template of meta tags to use
You can see this link for a full list of meta tags
I am starting a new blog and was testing out sharing on linkedIn.
However, when I copy and paste the link into the share thing in linkedin, the blog doesn't show up properly.
Would you be able to help me understand what I would need to add to my blog post to make it show up correctly?
To add some more info: I do have a featured image set, and the blog post does have a title.
Any help would be greatly appreciated!
Mine:
What I want:
The reason you are not seeing a "rich" link when pasting it is likely because you do not have your Open Graphs meta tags set up properly.
You can simply use a plugin with Wordpress to add these tags, like this one or you can learn how to program it yourself into your theme.
Facebook has a good debugger for tags, which you can use to check your links.
You can read more about how og tags are used by LinkedIn in their developer article.
I am making a website which has a blog, however I do not know how to make it so that only a snippet of text shows (say the start of the article) so that users can click on "read more" to open that particular article.
Obviously I could do this by putting the first few lines in HTML, with a "..."
and linking it to a page with the full article, using tags etc.
But, is this the correct way?
I don't know what I should be searching for so therefore I am not finding much information, just lots of wordpress stuff and I am using bootstrap and Less.
I haven't put my code as this is just a general question, I do not have a piece of code I am needing help with, just would like to know how this is done and/or a link to a good explanation as I am pretty new to this.
Thanks!
You should take a snippet of your page and use it for this purpose,it will help you in seo if you can use that in meta tag too to better index your page and hence better search result will be displayed .